webstorm自动补全css,Webstorm配置CSS/SCSS自动补全兼容前缀autoprefixer插件

关于Autoprefixer

Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。也可以轻松跟Sass，LESS及Stylus集成，在CSS编译前或编译后运行。详情见，https://github.com/postcss/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下的文件postcss.cm  若找不到AppData，在地址栏输入%appdata%回车即可

Parameters：-u a