# 配置webstorm自动补全

// 安装Autoprefixer
npm install autoprefixer -g
// 安装postcss-cli
npm install postcss-cli -g

打开webstorm打到settings找到 Preferences -> Tools -> External Tools ;

接下来具体配置:

Program:填入你的postcss-cli 的PATH;
Parameters: -u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$ ,你可以根据你自己的需要配置,具体参见https://github.com/code42day/postcss-cli
Working directory :$ProjectFileDir$

配置好后,你可以在css,或sass文件中右键,就可以在右键菜单中看到External Tools – autoprefixer,点击搞定,嘎嘎。

# You can use the postcss-cli to run Autoprefixer from CLI:

npm install postcss-cli autoprefixer
npx postcss *.css --use autoprefixer -d build/

# 遇到问题,

编译后完全没有加前缀这就很尴尬了。

# 解决

在package.json中加入版本


"browserslist": [
"iOS >= 6",
"Android >= 4",
"IE >= 9"
],