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就會自動幫你進行編譯了，但是會有一點點延遲，所以你發現文件沒改變時，等等就好了。