Sass与WebStorm搭配使用

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 -