我們在寫樣式代碼時，對不同平台會有不同的兼容性寫法，會在代碼前加前綴，但是手動加前綴很費時間而且很容易弄錯。Webstorm編輯器是有自帶補全前綴功能的，那為什么還要寫這篇配置博客，因為Webstorm編輯器並不能把所有的樣式代碼給你補全，此時加上autoprefixer雙劍合璧確保萬全。下面是配置步驟：
1.這個不用說，autoprefixer要先安裝，那安裝autoprefixer用到npm，要用npm就要有node.js，所有第一步是安裝node.js，網上很多教程，這里不贅述。
2.全局安裝autoprefixer：npm install autoprefixer -g --registry=https://registry.npm.taobao.org --verbose（--registry=https://registry.npm.taobao.org --verbose這是淘寶鏡像，可以加速的，照着復制就可以了。）
3.全局安裝postcss-cli：npm install postcss-cli -g --registry=https://registry.npm.taobao.org --verbose，因為autoprefixer是postcss的插件，所以當然要安裝這個。
4.配置Webstorm：打開Webstorm--file--settings--tools--external tools
,點擊'+'新建
Name：
autoprefixer，
Program：postcss-cli的path，
Parameters:-u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileNameWithoutExtension$.css,
Working directory:$ProjectFileDir$，點擊OK即可。如下圖所示：
注意：Parameters中的-u autoprefixer -o是固定的，$FileDir$\$FileName$是輸出文件，$FileDir$\$FileNameWithoutExtension$.css是輸入文件，這兩者之間有一個空格。如果你的輸入文件是自己建好的，那就直接寫你建好的css文件名就可以了，例如：$FileDir$\style.css。我這里的css文件是stylus轉譯而成的，所以寫成$FileDir$\$FileNameWithoutExtension$.css。同時根據文件夾結構不同Parameters的輸入輸出也可能不同，具體視情況而定。
配置完了並不是說你寫樣式就會自動給你補全前綴，效果是需要手動操作的，在你需要輸出的文件處右鍵，你會看到external tools，移上會出現autoprefixer，點擊就會轉換成加了前綴的樣式：
如果你覺得老是右鍵太麻煩，你也可以設置快捷鍵，點擊settings--keymap--external tools進行設置即可，注意不要和你其他的快捷鍵沖突就好了。
