phpstorm配置File Watcher在windows下自动编译sass文件

最近刚接触sass这个css预处理器，其在windows上需要先安装Ruby运行环境。装好Ruby和sass后，发现如果要将.sass文件转成css的话，还需要在控制台中输入命令，比较麻烦。

由于我自己用的IDE是phpstorm，所以去其官网翻了下，可以用里面的File Watchers来实现自动转换.sass->.css文件。

其实当你新建一个.sass文件的时候，phpstorm也会提示是否配置File Watchers。

配置步骤

以windows环境的phpstorm 7.1.3为例：

1.打开设置界面

用phpstorm打开某个项目后，按CTRL+ALT+S（默认快捷键）会出现File Watchers配置页面。

2.新建配置

点击上图右面的加号，在里面选择SASS后会出现下图配置页面。

因为我们配置的是SASS，所以将Program项里面填上sass.bat的路径。如果是用Ruby的gem安装的话，他会在Ruby目录下的bin文件夹里面。

3.填写环境变量

由于sass.bat的运行需要Ruby的命令行环境，所以在上图的Environment variables里面还需要增加运行Ruby的环境变量。

比如我这里的设置是：

4.测试

配置好后新建一个.sass文件，做的任何改动都会自动帮你编译成.css文件，如果不指定output路径的话，css文件默认就在sass文件下面。