Sass 有三種使用方式：作為命令行工具，作為獨立的 Ruby 模塊 (Ruby module)，或者作為 Rack-enabled 框架的插件，包括 Ruby on Rails 與 Merb。無論使用哪種方式都需要首先安裝 Sass gem

如果你使用的是Windows ，你可能首先需要安裝ruby。

一、安裝ruby

　　1、下載ruby( http://rubyinstaller.org/downloads/ ) 我用的是2.4-x

　　2、安裝ruby

　　　　直接下一步就行，記得把有utf-8的那一項也選上

　　3、cmd裏安裝ruby，完成後輸入sass –v 就會返回sass的版本號

　　　　*cmd中輸入gem install sass

　　　　*如果安裝失敗，用下面方法

　　　　　　依次輸入：

　　　　　　gem sources –r http://rubygems.org/

　　　　　　gem sources –a http://ruby.taobao.org/

　　　　　　gem sources –l

　　　　　　gem install sass

　　4、如果sass –v 返回找不到文件，則可能需要配置環境變量

　　　　*右擊我的電腦--屬性--高級系統設置--高級--環境變量----系統變量中找到path--編輯

　　　　*變量值輸入sass的地址 D:\ruby\rubyan\Ruby24-x64\bin;

二、webstorm中配置sass

　　1、file--settings--tools--file watchers 點右上角加號，如下圖，選擇scss

　　2、輸入scss.bat的地址

　　3、點擊OK就配置好了

三、sass使用

　　1、新建樣式表類型選擇scss

　　2、在scss文件中編輯樣式，如下

　　3、會自動生成.css文件和.map文件

　　　　生成的css如下圖

四、完成以上步驟？OK，恭喜你可以正常使用sass啦，下次使用，只需在執行第二歩和第三歩就可以了

如有不足，請多多指點

webstorm配置sass