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前綴自動補全