Webstorm配置autoprefixer 自动补全兼容前缀 （win7）

webstorm内置css3自动补全功能
eg：在样式文件border-radius过程中会出现加前缀的样式，敲回车键即可

<span style="font-family:Microsoft YaHei;">div {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}</span>

但某些样式语句不能自动补全，如
输入display: flex;


Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。


使用方法：
step1：安装node.js (http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html)


step2：安装Autoprefixer  npm install autoprefixer -g


step3：安装postcss-cli  npm install postcss-cli -g