webStorm配置autoprefixer

解决flex需要加前缀的问题，以下内容是我花了一天的时间才弄出来的，希望对大家有所帮助：

首先，需要安装node，版本要求6.x.x（或更高）

第一步：安装autoprefixer

cnpm install autoprefixer -g

第二步：安装postcss-cli

cnpm install postcss-cli -g

第三步：打开webstorm-》file->setting->tools->externalTools

参数：

Program:C:\Program Files\nodejs\postcss.cmd（找到自己路径下的postcss.cmd）

Arguments:-u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$

Working directory:$ProjectFileDir$

配置浏览器的兼容版本：

找到autoprefixer->node_modules->browserslist->index.js,修改broswerslist.defaults为以下设置：

// Default browsers query
browserslist.defaults = [
  '> 0.5%',
  'iOS >= 7',
  'Android > 4.0',
  'last 2 versions',
  'Firefox ESR',
  'not dead'
]

使用步骤：

选中要编译的文件右击：

以下是生成的效果图：