Webstorm配置CSSSCSS⾃动补全兼容前缀autoprefixer插件关于Autoprefixer
当Autoprefixer添加前缀到你的CSS，还不会忘记修复语法差异。这种⽅式，CSS是基于最新W3C规范产⽣：
使⽤⽅法：
step1：安装node.js
step2：安装Autoprefixer
npm install autoprefixer -g
step3：安装postcss-cli
npm install postcss-cli -g
step4：设置webstorm External Tools
打开webstorm->File->设置->搜索External Tools->点击‘+’，设置Edit Tool
Name:autoprefixer
Tool settings
Program：到AppData下的⽂件 若不到AppData，在地址栏输⼊%appdata%回车即可
Parameters：-u autoprefixer -o outputFile inputFile 注意⽂件顺序输出⽂件及输⼊⽂件，输⼊⽂件需要先新建，不能⾃动⽣成
Working directory：⽂件⽬录即可，可根据⾃⼰需要调整
写具体配置，例如我的配置，如图：
1. Program：填⼊你的postcss-cli 的PATH；
2. Parameters: -u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$ ，你可以根据你⾃⼰的需要配置，具体参见
3. Working directory :$ProjectFileDir$
使⽤（可以对scss和css⽂件都可使⽤）
在输出⽂件中点击右键->autoprefixer,
设置快捷键
点ok
css最新完成
配置兼容程度：
在安装包⽬录下的node_modules\browserslist这个包⾥
配置⽂件是index.js
我的⽬录是： C:\Users\Administrator\AppData\Roaming\npm\node_modules\autoprefixer\node_modules\browserslist\

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。