Sublime Text 2/3中Autoprefixer失效解決方法

###Sublime Text 2/3中Autoprefixer失效解決方法:

相信每一個前端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

installSublPackages

如下是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" }
]
相關文章
相關標籤/搜索