Sublime Text 2/3中Autoprefixer失效解决方法:
相信每个前端er都会使用Subl这款工具吧,因为它有上千款开源的插件,而且功能各异,这里给大家带来的是标题中Autoprefixer在默认配置下针对CSS Hack的功能不足问题;
针对刚开始使用subl的coder,下面是安装方法:
/**
* 1.使用快捷键打开command panel
* 2.选择Install Package
* 3.输入你想安装的插件,比如(Autoprefixer)
*/
“Ctrl + Shift + P”> Install Package > Autoprefixer > Installing Successful
以下是Autoprefixer的配置:
进入CSS文件,默认配置在按下快捷键(Ctrl+Shift+P)后输入Autoprefix,你会发觉它什么事也没干,然后……这什么鬼?抓狂ing……
原来是因为这玩意还要配置下,以下为配置方法:Preferences>package setting>AutoPrefixer>Setting-User
添加以下代码:
{
"browsers": ["last 7 versions"],
"cascade": true,
"remove": true
}
或者
{
"browsers": ["last 2 versions","last 2 Chrome versions",">5%","Firefox >= 20","ie 6-8","iOS 7"]
}
其实吧,这两个example配置下来之后效果一样,随便选择一个好了_
快捷键绑定:
Preferences>Key Bindings-User
**中添加以下代码:
[
{ "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" }
]