原諒我標(biāo)題黨了一下，事實(shí)如此。搜到的博文都是一句話(huà)帶過(guò)讓我到這個(gè)官網(wǎng)下載安裝包。（安裝包鏈接已放到文末）嘗試數(shù)個(gè)版本之后仍然是下載一半失效，可能我梯子質(zhì)量不行吧。此外還很讓人懵逼的一點(diǎn)是：在搜索引擎搜sass得到的sass.hk網(wǎng)站的指導(dǎo)是錯(cuò)誤的...“gem sources -a https://ruby.taobao.org/”，在命令行輸入這句后就直接報(bào)錯(cuò)，抱歉忘了截圖。大意是命令錯(cuò)誤，你要不試試這個(gè)鏈接：https://gems.ruby-china.com/。打開(kāi)看之后才知道了安裝sass的正確姿勢(shì)。貌似不對(duì)，當(dāng)時(shí)命令行給的還是https://gems.ruby-china.org，由于備案的問(wèn)題還是得用.com的域名。這就是我用"最新"二字的原因，technology changes,you must catch up with it。

下面走一遍完整的安裝使用流程。

我用的是sass，為啥要裝Ruby?因?yàn)閟ass基于Ruby語(yǔ)言開(kāi)發(fā)，因此安裝sass需要安裝Ruby。mac下自帶Ruby無(wú)需安裝。

從百度下載之后，點(diǎn)擊安裝出現(xiàn)如下界面。

安裝界面

可以不用勾選744多m的那個(gè)。此外，有一個(gè)需要勾選的，"add ruby executables to your PATH"，（貌似現(xiàn)在都默認(rèn)勾選了）用于將ruby添加到系統(tǒng)變量。安裝完成之后，出現(xiàn)對(duì)話(huà)框詢(xún)問(wèn)是不是要直接打開(kāi)命令行安裝一些東西，也不勾選，然后finished。我第一遍安裝的時(shí)候就兩個(gè)都?jí)蛄耍缓笤诿钚邢螺d了幾G的安裝包...

完事后在開(kāi)始欄中點(diǎn)擊"Start Command Prompt With Ruby"，就進(jìn)入你想要的黑框框。

開(kāi)始菜單

由于墻的存在，我們先設(shè)置下安裝東西的源以便加快速度。

$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.com
# 確保只有 gems.ruby-china.com

然后安裝最新版本的Sass和Compass

//安裝如下(如mac安裝遇到權(quán)限問(wèn)題需加 sudo gem install sass)

gem install sass
gem install compass

在每一個(gè)安裝過(guò)程中，你都會(huì)看到如下輸出：

Fetching: sass-3.x.x.gem (100%)
Successfully installed sass-3.x.x
Parsing documentation for sass-3.x.x
Installing ri documentation for sass-3.x.x
Done installing documentation for sass after 6 secon
1 gem installed

安裝完成之后，你應(yīng)該通過(guò)運(yùn)行下面的命令來(lái)確認(rèn)應(yīng)用已經(jīng)正確地安裝到了電腦中：

sass -v
Sass 3.x.x (Selective Steve)
compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

如下sass常用更新、查看版本、sass命令幫助等命令：

//更新sass
gem update sass
//查看sass版本
sass -v
//查看sass幫助
sass -h

sass已經(jīng)安裝好了。怎么用？

這里我們只討論在VS Code中使用，編寫(xiě)好sass代碼由于瀏覽器并不能識(shí)別該代碼。所以我們需要借助工具幫我們棒sass轉(zhuǎn)換成瀏覽器認(rèn)識(shí)的css語(yǔ)言。

在VS Code插件欄中搜索sass，就可以看到sass相關(guān)的插件，我們需要的編譯的工具。這里以Easy Sass為例。安裝完成后插件已經(jīng)幫你配置好了。但有時(shí)或許我們不需要編譯成兩種格式，那只需要把你的配置寫(xiě)在右邊就可以覆蓋左邊的配置了。此外還有編譯完成之后文件的存放路徑，一般我們的項(xiàng)目都會(huì)有css目錄，所以你可以把編譯后的文件存放路徑設(shè)置為 ./css/。但這里應(yīng)該是要自己現(xiàn)在文件夾創(chuàng)建該目錄，不然他會(huì)提示你該目錄不存在。

配置界面

完事之后，就可以愉快的使用sass了。

windows安裝文件：鏈接：?https://share.weiyun.com/5Je7HEf?（密碼：MRag）

注：文中關(guān)于用命令安裝sass的部分引用至sass.hk網(wǎng)站。