Ruby安裝
由于sass依賴于ruby環(huán)境，所以在安裝sass之前必須安裝ruby?？梢匀官網(wǎng)][1]下載一個。網(wǎng)絡(luò)環(huán)境不好的，可以用我提供的這個文件：[點(diǎn)擊下載][2]
安裝完成后可以在開始菜單找到ruby命令行，打開輸入ruby -v查看版本號，出現(xiàn)版本信息則安裝成功
![clipboard.png-6.6kB][4]
![QQ截圖20160917210342.png-1.6kB][3]
Sass安裝
安裝完ruby后，可以直接在命令行里面輸入gem install sass安裝Sass，不過由于墻的厲害，建議使用淘寶的ruby源來安裝，步驟如下：
gem sources --remove https://rubygems.org/
https://rubygems.org/ removed from sources
gem sources -a https://ruby.taobao.org/
https://ruby.taobao.org/ added to sources
這一步有可能會出錯，windows下證書無法驗(yàn)證。
解決方法：[下載證書][5]（右鍵另存為即可），放到ruby安裝目錄下，然后再設(shè)置環(huán)境變量SSL_CERT_FILE為該文件路徑，再重新輸入該命令
![QQ截圖20160917211759.png-8.6kB][6]
gem source -l
*** CURRENT SOURCES ***
https://ruby.taobao.org/
gem install sass
Fetching: sass-3.4.13.gem (100%)
Successfully installed sass-3.4.13
Parsing documentation for sass-3.4.13
Installing ri documentation for sass-3.4.13
Done installing documentation for sass after 12 seconds
1 gem installed
//如果你在安裝時出現(xiàn)如下提示，則表明網(wǎng)絡(luò)不佳或源沒有切換到 ruby.taobao.org
ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (
https://api.rubygems.org/latest_specs.4.8.gz)
sass -v
Sass 3.4.13 (Selective Steve)
到此，所有的安裝都結(jié)束了。接下來我們就可以直接編譯sass文件了
Sass編譯
打開ruby命令行，切換到scss文件所在目錄，執(zhí)行sass style.scss style.css,就可以將style.scss文件編譯成style.css文件
更多的指令可以參考[sass編譯文檔][7]
參考文檔：
- sass安裝：http://www.w3cplus.com/sassguide/install.html
- windows證書無法驗(yàn)證：
https://github.com/ruby-china/rubygems-mirror/wiki- 使用ruby.taobao安裝sass：
https://github.com/nimojs/blog/issues/14#hash_ruby1
[1]: http://rubyinstaller.org/downloads
[2]: http://static.zybuluo.com/Jerry-MEI/wanm44mo5umiuk2ib24lap1e/rubyinstaller-2.3.1-x64.exe
[3]: http://static.zybuluo.com/Jerry-MEI/fec9b1duuv43ymd2ke0oq42a/QQ%E6%88%AA%E5%9B%BE20160917210342.png
[4]: http://static.zybuluo.com/Jerry-MEI/yxtqlw6j9eyh7wrb7rllf3u3/clipboard.png
[5]: http://curl.haxx.se/ca/cacert.pem
[6]: http://static.zybuluo.com/Jerry-MEI/irgyl6sw2lxafdgohfwle41w/QQ%E6%88%AA%E5%9B%BE20160917211759.png
[7]: http://www.w3cplus.com/sassguide/compile.html
