sublime 自動添加兼容前綴插件autoprefixer

安裝插件autoprefixer步驟：

一、確保Node.js已經安裝，未安裝請 點擊 這裏>>

二、下載autoprefixer插件 https://github.com/sindresorhus/sublime-autoprefixer

三、打開sublime ，選擇菜單 Preferences >  Browse Packages 將下載的壓縮包解壓到這

四、設置快捷鍵，選擇菜單Preferences > Key Bindings – User 

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

 

 

可選------------------------

五、默認的是沒有兼容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