sass的编译方式有大体两种，第一种是用图形化界面，也就是下一些软件进行编译，网上一查一大堆，第二种就是命令行方式，但每次自己手动去编译就很麻烦，虽然可以使用命令sass --watch sass/:css/来监听文件修改并实时更改输出的css文件，但每次去设置也很麻烦，所以webstorm提供的自动编译就很舒服了。
Sass安装
因为sass是依赖于ruby的，所以想要安装sass，需要先安装ruby。安装地址，windows安装方法就一直next完事。
安装好ruby以后，打开cmd，输入gem install sass就可以安装SASS了，但是由于gem的默认原地址不是国内的，速度比较慢，所以我们还需要替换一下。
依次输入：
gem sources –r http://rubygems.org/
gem sources –a https://gems.ruby-china.com
gem sources –l
然后再输入gem install sass就可以了，完成后输入sass –v 就会返回sass的版本号。
OK以后，在webstorm里面选择本机ruby目录下bin目录里面可以找到scss.bat文件（如果需要编译SASS文件则选择sass.bat）
WebStorm自动编译
首先File -> Setting -> Tools -> File Watchers
点击右上角的加号，选择你要自动编译的文件类型，这里选择scss即可。
这些各种参数啥啊我也不懂，直接看arguments吧，在里面我们可以配置执行的指令格式，
像这样，我们就可以修改输出的css文件的格式了，现在去新建一个scss文件，WebStorm就会自动帮你进行编译了，但是会有一点点延迟，所以你发现文件没改变时，等等就好了。