第一步安装 Sass gem：
如果你使用的是 Windows， 就需要先 安装 Ruby 。
如果要在命令行中运行 Sass ,只要输入
你还可以命令 Sass 监视文件的改动并更新 CSS ：
如果你的目录里有很多 Sass 文件，你还可以命令 Sass 监视整个目录：
使用 sass --help 可以列出完整的帮助文档。
SASS提供四个 编译风格 的选项：
生产环境当中，一般使用最后一个选项。
SASS的官方网站，提供了一个 在线转换器 。可以进行练习。
SASS允许使用变量
SassScript 还支持所有其他 CSS 属性值类型， 例如 Unicode 范围和 !important 声明。 然而，它不会对这些类型做特殊处理。 它们只会被当做不带引号的字符串看待。
编译后
如果变量需要镶嵌在字符串之中，就必须需要写在#{}之中。
支持数字的标准运算（加 +、减 -、乘 *、除 /和取模 %）,数字也支持关系运算（<、>、<=、>=）， 等式运算（==、!=）被所有数据类型支持。
编译后
所有算数运算都支持颜色值， 并且是分段运算的。 也就是说，红、绿、蓝各颜色分量会单独进行运算。 例如：
编译后
编译后
编译后
Mixins允许您定义可以在整个样式表中重新使用的样式
编译后
编译后
编译后
完整的案例： https://github.com/xiedajian/jsGrocery/blob/master/Sass%2CScss-demo/index.scss
编译后： https://github.com/xiedajian/jsGrocery/blob/master/Sass%2CScss-demo/index.css
参考：
阮一峰老师的SASS用法指南
SASS官方参考手册
1、koala软件编译2、sass命令：依靠环境。
自动编译命令：（编译单个文件/编译整个文件夹）
编译单个文件
sass文件目录 sass --watch scss文件的路径:css文件的路径 --style expanded
编译整个文件夹
sass文件目录 sass --watch scss文件夹/. : css文件夹/. --style expanded
3、gulp编译
4、hbulid编译
① 工具--预编译设置
② 新建一个预编译配置 .scss
③ 输入触发命令的地址：ruby里面的sass.bat地址
④ 命令参数：%FileName% ../css/%FileBaseName%.css
