記得小時候?qū)W過一片叫做《黔驢技窮》的文章，黔這個地方本沒有驢但是有“好事者船載已入”革砸，然后就有了喊废。本來我們寫css時直接在對應(yīng)的css文件里直接寫就可以了，但是有人就提出來了這樣寫不夠人性比較痛苦逼格不夠高纺蛆，我們要引入編程的面向?qū)ο蟮姆绞綄慶ss吐葵。這樣寫有諸多好處：可以定義變量，代碼可以復(fù)用桥氏，書寫人性化温峭，在大型項目中尤其適用，關(guān)鍵是逼格高字支！哈哈凤藏。
首先我們要裝下日本人寫的ruby，然后通過ruby的包管理工具gem安裝saa堕伪，類似node的npm揖庄，
ＰＳ：ｒｕｂｙ 出來比ｎｏｄｅ早，應(yīng)該是ｎｏｄｅ借鑒了ｒｕｂｙ這種包模塊管理方式欠雌，然后ｎｏｄｅ又借用了谷歌請的Ｖ８內(nèi)核并得益于統(tǒng)一的ｊｓ規(guī)范commonJS（雖然今天這個規(guī)范已經(jīng)開始過時）蹄梢，天時地利人和的情況下一個強(qiáng)大而又流行的ｎｏｄｅ應(yīng)運(yùn)而生！github上關(guān)注度僅次于Twitter的bootstrap富俄。
#####１）ruby下載禁炒。
這個樓主已經(jīng)下載好了，３２位６４位都有霍比。
３６０云盤：https://yunpan.cn/c6CJsRKu9Gm5U? 訪問密碼 1029 幕袱。
當(dāng)然你也可以通過官網(wǎng)下載，可能比較慢因為是國外網(wǎng)站呀你懂得不是４０４就不錯咯悠瞬。所以對應(yīng)的各種鏡像網(wǎng)站就應(yīng)用而生了们豌，比如常用的淘寶鏡像。有個主意點記得勾選以下圖中選項浅妆，大概意思就是配置本地環(huán)境變量望迎，否則的話以后使用編譯軟件的時候就會提示找不到ｒｕｂｙ環(huán)境。
#####２）具體命令行操作．
ａ）正確安裝后狂打，按住Windows＋Ｒ打開cmd在里面輸入
ｒｕｂｙ±奚贰－ｖ
如果不成功的話，就需要重啟下啦趴乡。
ｂ）然后我們就可以通過以下命令行安裝ｓａｓｓ啦
《允 ｇｅｍ』饶谩ｉｎｓｔａｌｌ ｓａｓｓ
ｃ）安裝后可以通過
≥锵选ｓａｓｓ“小－ｖ 查看ｓａｓｓ版本，
ｓａｓｓ±颓铩－ｉ 進(jìn)入ＲＥＰＬ編譯環(huán)境仓手。
啊，什么是REPL玻淑？read–eval–print loop交互式編程環(huán)境嗽冒，我的理解就是“”所見即所得“”！哈哈补履。
? ? ? ?gem update sass ?升級sass 版本
注意：默認(rèn)就是全局安裝添坊，不需要和node里加-g啦。
這樣你得本地sass就配置成功了箫锤，你就可以通過編程這種高大上的方式編寫你得css樣式啦贬蛙。
３）如果你此時網(wǎng)絡(luò)環(huán)境比較糟糕以上命令行不能成功下載sass可以通過淘寶鏡像下載。
ａ）先移除默認(rèn)的https://rubygems.org源：
gem sources --remove https://rubygems.org/ 谚攒；
ｂ）然后然后添加淘寶的源：
?gem sources -a https://ruby.taobao.org/ 【如果你系統(tǒng)不支持https阳准，請將淘寶源更換成：gem sources -a http://gems.ruby-china.org】 馏臭；
ｃ）同２）野蝇。
后記：希望本文能夠幫你成功配置本地ＳＡＳＳ環(huán)境。前端開發(fā)掌握這么技能對你升職就業(yè)也是很有裨益的位喂，畢竟很多公司也在使用這個浪耘。奧乱灵，對了跟ＳＡＳＳ一樣的東西還有個叫ｌｅｓｓ的塑崖，但是實際工作中中沒有ｓａｓｓ用的多，道理都是一樣的痛倚」嫫牛 小生才疏學(xué)淺，紕漏之處還請路過的大神們多多拍磚蝉稳。以下是saas語法學(xué)習(xí)的一個網(wǎng)站抒蚜，比較簡潔： http://www.w3cplus.com/sassguide/syntax.html .
