webstorm配置Autoprefixer，自動補齊代碼

1.win+R,運行npm install postcss-cli -g

2.安裝autoprefixer

npm install autoprefixer -g

3.安裝

npm install postcss-cli -g

4.打開webstorm——settings——找到External Tools,新增Tools

配置參數

Program:填入你的PATH，postcss.cmd所在的文件夾
        我的是C:\Users\還有誰\AppData\Roaming\npm\postcss.cmd
Parameters：-u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$
Working directory :$ProjectFileDir$

5.配置快捷鍵

 

 

 

6.運行，在npm下，放入css文件，C:\Users\還有誰\AppData\Roaming\npm，輸入display: flex;，按快捷鍵shift+A,會自動補齊代碼