SASS安转及编译指南

SASS是Ruby语言编写的，但是两者之间的语法是没有任何关系的，只不过你要想使用sass之前你得必须先安装Ruby，点击此处可前去下载Ruby；安装好之后就可以安装SASS了。

安装Ruby步骤是无脑下一步，此处不在介绍；当你安装好Ruby之后现在可以安装SASS了。

在命令行中输入:

gem install sass

装好之后就可以使用了

sass文件其实就是普通的的文件，后缀名是.scss;如:test.scss;执行如下命令可将test.scss文件转化成css代码

sass test.scss

如果想生成其它css文件的话，可执行如下代码

sass test.scss ming.css

sass提供四种编译风格选项

1、nested 嵌套缩进的代码，它是默认的

2、expanded 没有缩进的扩展的css代码

3、compact 简介格式的css代码

4、compressed 压缩后的css代码

在生产环境中一般会使用最后一项:

sass --style compressed test.sass test.css

监听:

你可以让sass监听某个文件或目录，一旦源文件有变动，就会自动生成编译后的代码

//watch file

sass --watch input.scss:output.css

//watch directory

sass --watch app/sass:public/stylesheets

SASS的官方网站中提供了一个在线转换器， 点击此处可以前往