最近刚接触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文件下面。