1、sass入门（css的开发工具，简化css工作流）

1、官网地址

Sass官网：http://sass-lang.com/；
Sass中文网：https://www.sass.hk/；

2、sass的安装

• 1、下载安装ruby
• 2、 测试ruby是否安装（ruby -v）
• 3、安装sass

gem install sass

3、sass的编译

• 1、cmd

$cmd
$ sass t.scss //显示scss文件转化的css代码
$ sass t.scss t.css    //保存为.css格式文件

• Sass 提供4种编译风格

sass --style nested style.sass style.css       #嵌套缩进的css代码，它是默认值
sass --style expanded style.sass style.css     #没有缩进的、扩展的css代码。
sass --style compact style.sass style.css      #简洁格式的css代码
sass --style compressed style.sass style.css   #压缩后的css代码。

• 单文件监听命令（添加--watch命令）

sass --watch style.scss:style.css
//  --watch 参数加上之后，可以监测style这个文件的变化，更新保存后自动编译。

• 多文件（文件夹）监听命令

sass --watch sass/main:dist/css
#监视sass目录下main文件夹中的所有Sass文件，自动编译为CSS文件之后，放到dist/css目录下。