## 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)。你可以在那里,试运行下面的各种例子。