sass為CSS的賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量、繼承、運(yùn)算、函數(shù)等，更方便CSS的編寫和維護(hù)!
sass安裝
因?yàn)閟ass依賴于ruby環(huán)境，所以裝sass之前先確認(rèn)裝了ruby。安裝ruby https://www.jb51.net/article/61501.htm
安裝完ruby之后，在開始菜單中，找到剛才我們安裝的ruby，打開Start Command Prompt with Ruby
然后直接在命令行中輸入
復(fù)制代碼 代碼如下:
gem install sass
按回車鍵確認(rèn)，等待一段時(shí)間就會(huì)提示你sass安裝成功。
命令檢測(cè)安裝是夠完成：
如果要安裝beta版本的，可以在命令行中輸入
復(fù)制代碼 代碼如下:
gem install sass --pre
使用sass
SASS文件就是普通的文本文件，里面可以直接使用CSS語(yǔ)法。文件后綴名是.scss，意思為Sassy CSS。
下面的命令，可以在屏幕上顯示.scss文件轉(zhuǎn)化的css代碼。（假設(shè)文件名為test。）
復(fù)制代碼 代碼如下:
sass test.scss
如果要將顯示結(jié)果保存成文件，后面再跟一個(gè).css文件名。
復(fù)制代碼 代碼如下:
sass test.scss test.css
SASS提供四個(gè)編譯風(fēng)格的選項(xiàng)：
復(fù)制代碼 代碼如下:
* nested：嵌套縮進(jìn)的css代碼，它是默認(rèn)值。
* expanded：沒(méi)有縮進(jìn)的、擴(kuò)展的css代碼。
* compact：簡(jiǎn)潔格式的css代碼。
* compressed：壓縮后的css代碼。
生產(chǎn)環(huán)境當(dāng)中，一般使用最后一個(gè)選項(xiàng)。
復(fù)制代碼 代碼如下:
sass --style compressed test.sass test.css
你也可以讓SASS監(jiān)聽某個(gè)文件或目錄，一旦源文件有變動(dòng)，就自動(dòng)生成編譯后的版本。
復(fù)制代碼 代碼如下:
// 監(jiān)聽文件
sass --watch input.scss:output.css
// 監(jiān)聽文件夾
sass --watch app/sass:public/stylesheets
