關於Autoprefixer
Autoprefixer是一個后處理程序，不象Sass以及Stylus之類的預處理器。它適用於普通的CSS，可以實現css3代碼自動補全。也可以輕松跟Sass，LESS及Stylus集成，在CSS編譯前或編譯后運行。詳情見，https://github.com/postcss/autoprefixer
當Autoprefixer添加前綴到你的CSS，還不會忘記修復語法差異。這種方式，CSS是基於最新W3C規范產生：
使用方法：
step1：安裝node.js
step2：安裝Autoprefixer
npm install autoprefixer -g
step3：安裝postcss-cli
npm install postcss-cli -g
step4：設置webstorm External Tools
打開webstorm->File->設置->搜索External Tools->點擊‘+’，設置Edit Tool
Name:autoprefixer
Tool settings
Program： 找到AppData下的文件postcss.cm 若找不到AppData，在地址欄輸入%appdata%回車即可
Parameters：-u autoprefixer -o outputFile inputFile 注意文件順序輸出文件及輸入文件 ，輸入文件需要先新建，不能自動生成
Working directory：文件目錄即可，可根據自己需要調整
寫具體配置，例如我的配置，如圖：
- Program:填入你的postcss-cli 的PATH；
- Parameters: -u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$ ，你可以根據你自己的需要配置，具體參見https://github.com/code42day/postcss-cli
- Working directory :$ProjectFileDir$
使用（可以對scss和css文件都可使用）
在輸出文件中點擊右鍵->autoprefixer,
設置快捷鍵
點ok
完成
配置兼容程度：
在安裝包目錄下的node_modules\browserslist這個包里
配置文件是index.js
我的目錄是： C:\Users\Administrator\AppData\Roaming\npm\node_modules\autoprefixer\node_modules\browserslist\index.js
