ruby安裝
因爲sass依賴於ruby環境，所以裝sass之前先確認裝了ruby。先導官網下載個ruby
在安裝的時候，請勾選Add Ruby executables to your PATH這個選項，添加環境變量，不然以後使用編譯軟件的時候會提示找不到ruby環境
sass安裝
安裝完ruby之後，在開始菜單中，找到剛纔我們安裝的ruby，打開Start Command Prompt with Ruby
然後直接在命令行中輸入
gem install sass
按回車鍵確認，等待一段時間就會提示你sass安裝成功。最近因爲牆的比較厲害，如果你沒有安裝成功，那麼請參考下面的淘寶的RubyGems鏡像安裝sass，如果成功則忽略。
如果要安裝beta版本的，可以在命令行中輸入
gem install sass --pre
你還可以從sass的Git repository來安裝，git的命令行爲
git clone git://github.com/nex3/sass.git
cd sass
rake install
升級sass版本的命令行爲
gem update sass
查看sass版本的命令行爲
sass -v
你也可以運行幫助命令行來查看你需要的命令
sass -h
淘寶RubyGems鏡像安裝 sass
由於國內網絡原因（你懂的），導致 rubygems.org 存放在 Amazon S3 上面的資源文件間歇性連接失敗。這時候我們可以通過gem sources命令來配置源，先移除默認的https://rubygems.org源，然後添加淘寶的源https://ruby.taobao.org/，然後查看下當前使用的源是哪個，如果是淘寶的，則表示可以輸入sass安裝命令gem install sass了，關於常用gem source命令可參看：常用的gem source
$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***
https://ruby.taobao.org
# 請確保只有 ruby.taobao.org
$ gem install sass
ruby安裝
設置WebStorm的文件監控
Program: C:\Ruby22\bin\sass.bat
Arguments: --no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.css
Output paths to refresh: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
如果，想把SCSS源文件與生成後的CSS和map文件分開目錄，則如下設置：
'Arguments': --no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
修改編碼格式
C:\Ruby22\lib\ruby\gems\2.2.0\gems\sass-3.4.18\lib\sass
在這個文件裏面engine.rb，添加一行代碼
Encoding.default_external = Encoding.find('utf-8')
文檔來源：
-
webstorm設置監控：http://blog.csdn.net/zapzqc/article/details/42147519
