sublime 自动添加兼容前缀插件autoprefixer

转载 2016年03月30日 15:36:06

安装插件autoprefixer步骤:

1、确保Node.js已经安装,未安装请 点击 这里>>

2、下载autoprefixer插件 https://github.com/sindresorhus/sublime-autoprefixer

3、打开sublime ,选择菜单 Preferences >  Browse Packages 将下载的压缩包解压到这

4、设置快捷键,选择菜单Preferences > Key Bindings – User 

[
    { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" }
]

 

 

可选------------------------

5、默认的是没有兼容IE/opera的-ms/-o,选择菜单:Preferences > Package Settings > Autoprefixer > Settings - User

例子1:为浏览最新版本添加前缀,市场份额大于%,美国份额>5%,ie8和ie7

{
    "browsers": ["last 1 version", "> 10%", "> 5% in US", "ie 8", "ie 7"]
}

例子2:

{
    "browsers": ["last 2 versions","Firefox >= 20"]
}
.a{
    display:flex;
}

输出

.a{
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}

参考写法:

last 2 versions 每一个主要浏览器的最后2个版本
last 2 Chrome versions 谷歌浏览器的最后两个版本
> 5% 市场占有量大于5%
> 5% in US 美国市场占有量大于5%
ie 6-8 ie浏览器6-8
Firefox > 20 火狐版本>20
Firefox >= 20 火狐版本>=20
Firefox < 20 火狐<20
Firefox <= 20 火狐<=20
iOS 7 指定IOS 7浏览器

更多请参考:https://github.com/ai/browserslist#queries

Sublime Text中使用Autoprefixer功能

现在你在你的Sublime Text中使用Autoprefixer功能。假设你在样式文件中输入: .box { transform: rotate(45deg); border-radius:...
  • u013909970
  • u013909970
  • 2016年04月01日 14:00
  • 1514

前端开发 sublime text 常用插件和配置

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。插件列表所有插件都可以使用Package Control安装,具体的安装方法...
  • yisuowushinian
  • yisuowushinian
  • 2016年01月07日 13:09
  • 21204

IE低版本浏览器支持CSS3属性(圆角、阴影、渐变等)(CSS3 PIE)

IE8以及更早的版本不支持CSS3的一些新属性,本文主要是通过CSS3 PIE这个插件让IE支持CSS3,例如我们常用到的圆角(border-radius),盒阴影(box-shadow),背景渐变(...
  • zh_rey
  • zh_rey
  • 2017年04月26日 10:27
  • 613

es6在window环境下的应用以及在sublime Text3里的使用。

ES6在window下的配置使用以及在sublime Text中的使用
  • sulishibaobei
  • sulishibaobei
  • 2016年10月27日 11:10
  • 1834

sublime中安装css 格式化插件

sublime中安装css 格式化插件
  • qdujunjie
  • qdujunjie
  • 2014年08月25日 00:03
  • 29997

使用rgba属性兼容IE8

① css3 rgba 即在原本3原色的基础上增加了alpha(透明度)通道,该属性的兼容性如下: 类型 Internet Explorer Firefox Chr...
  • qingmu0803
  • qingmu0803
  • 2014年07月28日 11:40
  • 5528

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者...
  • accpzgp
  • accpzgp
  • 2014年04月17日 15:43
  • 44539

mac下Sublime text3的emmet插件安装 + 自动排版 详细步骤

mac下给sublime text3安装Emmet插件步骤详解,包括了可能出现的Error while loading PyV8 binary:exit code 3 或者 exit code 1 的...
  • JourneyWT
  • JourneyWT
  • 2016年12月23日 15:06
  • 4879

轻松搞定各版本IE兼容问题,IE6,IE7,IE8,IE9,IE10,IE11

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案,Google也给出了解决方案,百度也应用了这种方案去解决IE的兼容问题。解决这种兼容问题只需要一行代码就可以了,先来看下百度...
  • wangzl1163
  • wangzl1163
  • 2016年03月16日 14:47
  • 17073

sublime text安装css自动补兼容前缀插件

打开sublime,Preferences > Package Control,输入: install package 回车,等小会后在新打开的窗口输入: autoprefixer 会自动出现相关插...
  • weixin_36185028
  • weixin_36185028
  • 2017年12月07日 17:08
  • 117
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sublime 自动添加兼容前缀插件autoprefixer
举报原因:
原因补充:

(最多只允许输入30个字)