webstorm 设置 自动编译sass

安装 node-sass
这里一定要用npm安装 不要使用cnpm 至少我使用cnpm 没有找到 node-sass.cmd 文件

npm  install -g node-sass

安装完毕 打开 webstorm

文件 -> 设置(ctrl + alt + s ) -> File Watchers -> 右边+号
弹出下面窗口

防止图片挂掉 把需要改动的参数写出：

// node-sass 安装后会在该文件夹下生成node-sass.cmd 必须使用它
Parogram:  C:\Program Files\nodejs\node-sass.cmd  

//css那里可以自己随意设置
Arguments: $FileName$ -o $ProjectFileDir$/css/$FileNameWithoutExtension$.css