Sass的安裝:
1.安裝：SASS是Ruby語言寫的，但是兩者的語法沒有關(guān)系。不懂Ruby，照樣使用。只是必須先安裝Ruby，然后再安裝SASS。
假定你已經(jīng)安裝好了Ruby，接著在命令行輸入下面的命令：
gem install sass

然后，就可以使用了。
2：使用：
SASS文件就是普通的文本文件，里面可以直接使用CSS語法。文件后綴名是.scss，意思為Sassy CSS。SASS提供兩種編譯方式，一種是手動(dòng)編譯，一種是監(jiān)視編譯(–watch)，手動(dòng)編譯就是當(dāng)你撰寫好CSS時(shí)下指令去做編譯，監(jiān)視編譯則是你指令一個(gè)目錄，當(dāng)此目錄里面的*.scss檔案有改變時(shí)（新增、覆寫等等），就會(huì)自動(dòng)去做編譯的動(dòng)作。先來講手動(dòng)編譯方式：
下面的命令，可以在屏幕上顯示.scss文件轉(zhuǎn)化的css代碼。（假設(shè)文件名為test。）
　　sass test.scss
如果要將顯示結(jié)果保存成文件，后面再跟一個(gè).css文件名。
　　sass test.scss test.css
SASS提供四個(gè)編譯風(fēng)格的選項(xiàng)：
* nested：嵌套縮進(jìn)的css代碼，它是默認(rèn)值。
* expanded：沒有縮進(jìn)的、擴(kuò)展的css代碼。
* compact：簡(jiǎn)潔格式的css代碼。
* compressed：壓縮后的css代碼。
生產(chǎn)環(huán)境當(dāng)中，一般使用最后一個(gè)選項(xiàng)。
　　sass –style compressed test.sass test.css
還有一種監(jiān)視的方式做編譯，在命令行中切換到當(dāng)前sass或者scss文件所在的目錄，然后運(yùn)行
sass –watch scss:css

SASS的官方網(wǎng)站，提供了一個(gè)在線轉(zhuǎn)換器。你可以在那里，試運(yùn)行下面的各種例子。
Compass的安裝:
1.安裝：安裝ruby之后，輸入命令
gem install compass

2.使用：創(chuàng)建一個(gè) COMPASS 項(xiàng)目
在命令行中切換到你需要?jiǎng)?chuàng)建項(xiàng)目的目錄，運(yùn)行：
compass create "projectname"

這個(gè)命令會(huì)創(chuàng)建一個(gè)包含一系列文件的目錄，其中最重要的是配置文件 config.rb，其他文件如果你不需要都可以刪除。
在 config.rb 中你可以修改 SASS 和 CSS 的目錄及其它一些基礎(chǔ)設(shè)置。
實(shí)時(shí)編譯 SASS 文件
COMPASS 提供的默認(rèn)方法是：
在命令行下切換到項(xiàng)目目錄，運(yùn)行
compass watch

COMPASS 將會(huì)實(shí)時(shí)監(jiān)控 SASS 目錄的文件變化，只要你一保存文件，立即將相應(yīng)文件編譯為 CSS 文件。