Sublime Text 插件 autoprefixer

Sublime Text 早就有插件（Sublime Prefixr）使用 prefixr 的 API 來自動完成 CSS 字首，但是 autoprefixer 更牛，這款可使用 Can I Use 的資料庫。

插件官方網址：Sublime Autoprefixer on GitHub

效果明顯，多于的 CSS 會自動删掉，border-radius 早就已經不需要字首了（參考 caniuse border-radius），隻有 Firefox 3.6，Chrome 4，Safari 4 和 Android 2.1 需要字首；而 參考 caniuse css graident 桌面版的 Firefox 15 和 Chrome 25 或者更舊的版本 和目前手機版的遊覽器才需要字首。

使用 Package Control，安裝 Autoprefixer，然後重新開機 Sublime Text

電腦需要安裝 Node.js

按 Ctrl + Shift + P，然後選 Autoprefix CSS 或者設定鍵盤快捷鍵 – “Preferences > Key Bindings – User”

打開選項

Preferences > Package Settings > Autoprefixer > Settings – User

預設設定：

過去2個版本（如果 Chrome 30 是最新版的，這款插件自動選 Chrome 28 – 30 的版本來判斷否需要字首）

配置參數

last n versions 支援過去n個版本

n% 全球使用率大于百分之 n ff > 20 和 ff >= 20 Firefox 20 或者更新 none 消滅字首

autoprefixer 的精确度比 prefixr 好很多

速度飛快

預設配置夠用了，你的代碼要字首就是為了最新的科技而寫的，不是為了支援 IE7 IE8 這些古董

PS: 寫 CSS 時，寫 W3C 官方的文法，這樣才插件才能自動幫你添加字首。例如 linear-gradient，這個有 2008 年 Apple webkit 提案舊的文法，但是 autoprefixer 隻看 W3C 的文法

本文轉自TBHacker部落格園部落格，原文連結：http://www.cnblogs.com/jiqing9006/p/5592481.html，如需轉載請自行聯系原作者