一、sass
sass---- CSS 扩展语言或 CSS 预处理器，是一种 CSS 的开发工具，提供了许多便利的写法，节省了设计者的时间，使得 CSS 的开发变得简单和可维护
二、安装
1、sass 是用 Ruby 语言写的（但是两者之间的语法没有关系）；首先第一种安装sass，需要依赖于ruby环境
1.下载ruby：https://rubyinstaller.org/downloads/
查看是否安装成功：打开cmd运行ruby -v、gem -v，如果返回版本号，恭喜你安装成功了
2.安装sass：打开cmd运行gem install sass
查看是否安装成功运行sass -v，如果返回版本号，说明sass安装成功
2、sass 依赖于node环境的安装
1.下载node：https://nodejs.org/en/
查看是否安装成功：打开cmd运行node -v、npm -v，如果返回版本号，恭喜你安装成功了
2.安装sass：打开cmd运行npm install sass
查看是否安装成功运行sass -v，如果返回版本号，说明安装成功
三、使用
Sass 文件就是普通的文本文件，可以直接使用 CSS 语法。文件后缀名是 .scss ，意思为Sassy CSS
假定新建了一个 demo.scss 文件, 并写了一部分代码
输入 sass demo.scss 命令,可实现 .scss 文件转化为 css 代码(注意:这里 css 代码是显示在命令行中)；要将显示结果保存成 css 文件，则输入下面命令:sass demo.scss demo.css
也可以让 Sass 监听某个文件或目录，一旦源文件有变动，就自动生成编译后的版本
- 监听文件
sass --watch demo.scss:demo.css
- 监听目录
sass --watch app/sass:public/stylesheets
注：冒号前是要监听的文件或文件夹，冒号后面是指定编译成的文件或指定要编译到的文件夹中
另外,使用 sass --help 可以列出完整的帮助文档。