1、什么是Sass?
Sass 是一个 CSS 预处理器。
Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。
Sass 完全兼容所有版本的 CSS。
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。
Sass 生成良好格式化的 CSS 代码,易于组织和维护。
Sass 文件后缀为 .scss
2、安装:
NPM 安装
npm install -g sass(国内 npm 建议使用淘宝镜像来安装)
Windows 上安装
我们可以使用 Windows 的包管理器 Chocolatey 来安装
(Windows 系统需要先安装 Ruby)
choco install sass
Mac OS X (Homebrew)安装
Mac OS 可以使用 Homebrew 包管理器来安装
brew install sass/sass/sass
3、编译.scss文件为css文件
运行:sass input.scss output.css
监视单个 Sass 文件,每次修改并保存时自动编译:
<