## 2.1 安裝
SASS是Ruby語言寫的,但是兩者的語法沒有關系。不懂Ruby,照樣使用。只是必須先[安裝Ruby](http://www.ruby-lang.org/zh_cn/downloads/),然后再安裝SASS。
假定你已經安裝好了Ruby,接著在命令行輸入下面的命令:
> gem install sass
然后,就可以使用了。
## 2.2 使用
SASS文件就是普通的文本文件,里面可以直接使用CSS語法。文件后綴名是.scss,意思為Sassy CSS。
下面的命令,可以在屏幕上顯示.scss文件轉化的css代碼。(假設文件名為test。)
> sass test.scss
如果要將顯示結果保存成文件,后面再跟一個.css文件名。
> sass test.scss test.css
SASS提供四個[編譯風格](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style)的選項:
> * nested:嵌套縮進的css代碼,它是默認值。
>
> * expanded:沒有縮進的、擴展的css代碼。
>
> * compact:簡潔格式的css代碼。
>
> * compressed:壓縮后的css代碼。
生產環境當中,一般使用最后一個選項。
> sass --style compressed test.sass test.css
你也可以讓SASS監聽某個文件或目錄,一旦源文件有變動,就自動生成編譯后的版本。
> // watch a file
>
> sass --watch input.scss:output.css
>
> // watch a directory
>
> sass --watch app/sass:public/stylesheets
SASS的官方網站,提供了一個[在線轉換器](http://sass-lang.com/try.html)。你可以在那里,試運行下面的各種例子。