phpstorm 7.0结合 file watchers sass/scss自动编译

1.ctrl+alt+s，调出settings，搜索 File Watchers，添加SCSS

2.设置可以看上图，要注意的是 [Program] 最好指定具体目录,用环境变量 $RUBY_HOME$\scss.bat,会出错

3.Arguments 就是写上sass/scss支持的 语法 例如 --style compressed test.sass test.css,

上图的配置是scss源目录+css生成目录，如下：

--style expanded $FileDir$\$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css

4.其他设置按需启用；

除了sass/scss，其他类型的文件也是类似这样的操作，如 LESS, Compass, Stylus, Typescript, and Dart.

下面附上官方的文档

http://www.jetbrains.com/phpstorm/webhelp/using-file-watchers.html  

http://www.jetbrains.com/phpstorm/webhelp/transpiling-sass-less-and-scss-to-css.html

http://www.jetbrains.com/phpstorm/webhelp/working-with-sass-and-scss-in-compass-projects.html