相信每一個前端er都會使用Subl這款工具吧,由於它有上千款開源的插件,並且功能各異,這裏給你們帶來的是標題中Autoprefixer在默認配置下針對CSS Hack的功能不足問題;前端
針對剛開始使用subl的coder,下面是安裝方法:sublime-text
/** * 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 }
或者code
{ "browsers": ["last 2 versions","last 2 Chrome versions",">5%","Firefox >= 20","ie 6-8","iOS 7"] }
其實吧,這兩個example配置下來以後效果同樣,隨便選擇一個好了^_^rem
Preferences>Key Bindings-User
**中添加如下代碼:io
[ { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" } ]