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 2/3中Autoprefixer失效解决方法

Sublime Text 2/3中Autoprefixer失效解决方法:相信每个前端er都会使用Subl这款工具吧,因为它有上千款开源的插件,而且功能各异,这里给大家带来的是标题中Autoprefix...

Sublime Text中使用Autoprefixer功能

现在你在你的Sublime Text中使用Autoprefixer功能。假设你在样式文件中输入: .box { transform: rotate(45deg); border-radius:...

sublime text3 css3前缀自动补充插件

如何下载 按快捷键ctrl+shift+P 打开包控制器, 输入install Package,等待获取服务器列表,接着输入 Autoprefixer 等待下载完成就ok了。需要安装node.js...

Webstorm配置autoprefixer 自动补全兼容前缀 (win7)

webstorm内置css3自动补全功能 eg:在样式文件border-radius过程中会出现加前缀的样式,敲回车键即可 div { -webkit-border-radius:50...

gulp常用插件-gulp-autoprefixer

使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用它我们可以不必考虑各浏览器兼容前缀,在写完后再自动处理。...

Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序

Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。   所有你需要做的就是把它添加到你的资源构建工具(例如 G...

[译]Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序

Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。   所有你需要做的就是把它添加到你的资源构建工具(例如 G...

Sublime DocBlocker插件在自动补全注释时输出自定义作者和当前时间等信息

Sublime在进行前端开发时非常棒,当然也少不了众多的插件支持,DocBlocker 是在Sublime平台上开发一款自动补全代码插件,支持JavaScript (including ES6),...
  • nohaoye
  • nohaoye
  • 2015年08月13日 02:13
  • 7077

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

mac下给sublime text3安装Emmet插件步骤详解,包括了可能出现的Error while loading PyV8 binary:exit code 3 或者 exit code 1 的...

sublime text3 python代码自动提示/补全插件sublimecodeintel配置

sublime text利用SublimeCodeIntel插件使python代码自动提示/补全配置
  • M1mory
  • M1mory
  • 2017年05月20日 17:51
  • 9655
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sublime 自动添加兼容前缀插件autoprefixer
举报原因:
原因补充:

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