一:Sass的安裝:
【步驟1“下載Ruby”】:到Ruby的官網(http://rubyinstaller.org/downloads)下載最新版本的Ruby版本,這里我下載的是最新版本Ruby2.3.3的64位

【步驟2“安裝Ruby”】:下載后,點擊安裝即可。在安裝的時候,我們需要注意2點:(1)安裝路徑建議選擇C盤;(2)安裝到下面這一步時,一定一定要選擇第2項,不然就會安裝失敗:

【步驟3“下載Sass”】:安裝好后,然后到這個頁面(https://rubygems.org/gems/sass)上面把“Sass安裝包”下載下來。我們可以在這個網頁右欄找到“下載”這兩個字,點擊即可下載:

【步驟5】:打開Ruby命令終端之后,輸入下面這個指令gem install,把Sass安裝包拖到命令指定位置會生成指定路徑,然后點擊“Enter回車”即可安裝,如圖所示:

【步驟6】:上面的步驟都完成后,檢查Sass是否安裝成功。檢查的方法很簡單,在命令終端使用“sass -v”指令,按回車后,如果顯示“Sass 3.4.23 <Selective Steve>”的字樣就說明Sass安裝成功:

參考網站:http://www.lvyestudy.com/sass/sass_2.1.aspx
二:配置webstorm中sass:
在webstorm中file—>settings中搜索file watchers工具,在此工具中添加一個scss的watcher,按照下圖設置各項。點擊ok 

