webstorm 添加css前綴（兼容）自動添加

Webstorm自動添加css前綴（ 兼容)

百度了很多在webstorm中添加css前綴（兼容）自動添加，autoprefixer插件是首選，對於基本的css,還有less都支持，所以就選擇了autoprefixer插件作為css前綴自動添加插件。

通過百度，發現有很多介紹此插件在webstorm的使用，但通過測試，雖然說沒有問題，但是都沒有介紹一個關鍵的點，所以導致我在測試的時候都發現沒有改變，現將其詳細步驟介紹如下：

1.安裝node

2.安裝Autoprefixer 

npm install autoprefixer -g

3.安裝postcss-cli  

npm install postcss-cli -g

4.在webstorm中依次點擊File-->Settings-->Tools-->External Tools

Program:C:\Users\Administrator\AppData\Roaming\npm\postcss.cmd        (根據自己電腦路徑)

Arguments:-u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$

5.在css，less文件中右鍵

點擊就會出現

6.這樣點擊有點麻煩，直接設置快捷鍵：

這樣完成后，直接按住Shift+A就可以實現css前綴自動補全