最近在某平臺上用的sass比較多，但是自己在本地卻不能寫，很尷尬，所以今天特地來安裝一下，順便把方法記錄一下，菜鳥的第一篇簡書由此開始。本人用的是windows，max請自覺添加sudo。

小知識：用過CSS3的都知道，CSS3沒有變量，也不支持任何邏輯腳本。隨著需求的增加，Sass誕生，目的在于使樣式支持邏輯腳本，使程序猿們更高效的寫樣式，Sass腳本經(jīng)過編譯后，最終會轉換成.css文件。Sass腳本有兩種格式，分別是.sass和.scss，這兩種格式的區(qū)別在于：.sass不使用大括號和分號。由于.scss的寫法與.css更加相似，所以通常我們都使用.scss格式

安裝ruby：

原因：

sass依賴于ruby環(huán)境，所以裝sass之前先確認裝了ruby，安裝ruby的作用在于：它可以安裝和更新sass。ruby官網(wǎng)下載地址：? ? ? ? ? ? ? ? ? http://rubyinstaller.org/downloads/，直接下載“WITH DEVKIT”的版本，亦或者在我的網(wǎng)盤下載（64位）：鏈接：https://pan.baidu.com/s/1HeoCCkW4EQfw-wsnfT5zzg 提取碼：5krf? ，接著傻瓜安裝。

安裝后：

1.查看是否安裝成功：

ruby -v

如能正確顯示ruby版本號，表明安裝成功。

2.安裝gem源淘寶鏡像：

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

（安裝gem出現(xiàn)問題請戳：https://gems.ruby-china.com/）

3.打印安裝gem：

?gem sources -l

? ?成功打?。?** CURRENT SOURCES ***

? ? ? ? ? ? ? ? ? ? ?https://gems.ruby-china.com/

安裝sass：

?gem install sass

?gem install compass

安裝成功后，同樣可通過sass -v檢測是否安裝成功，若能顯示版本號則表示安裝成功。

Sass編譯：

這步是實現(xiàn).scss向.css格式轉換的關鍵。進入到編譯文件所在的目錄底下，編譯命令如下：

sass input.scss output.css

如需實現(xiàn)動態(tài)編譯（只要.scss改變就會馬上編譯成.css文件），編譯命令如下：

?sass --watch input.scss:output.css

如果是多文件編譯，編譯對象也可以是文件目錄：

sass --watch aa:dd或者sass --watch aa:cc/output.css

編輯出來的文件有四種排版可配置，分別是nested、expanded、compact和compressed。以expanded為例，配置時只需在命令行末尾加入--style?expanded即可。

sass --watch input.scss:output.css --style expanded

sass用法：

阮一峰大佬的日記，十分詳細，純個人推薦，大家想學也可以去觀摩一下：http://www.ruanyifeng.com/blog/2012/06/sass.html