简介

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 variables、嵌套 nested rules、混合 mixins、导入 inline imports 等高级功能，这些拓展令编写 CSS 高效和优雅，更好地组织管理样式文件。

Sass 全称为 Syntactically Awesome Style Sheets 即只是在句法上重构了样式表，类似于添加了一层语法糖，浏览器并不能直接识别该文件，因此需要使用编译器将 .scss 或 .sass 文件编译为 .css 文件。

配置环境

用多种方法配置编译环境，可以在 官网 下载安装编译器（推荐使用跨平台的编译器 Prepros 免费版），或手动配置编译环境使用命令行编译。

Warning

由于 Sass 基于 Ruby 开发，因此在 Windows 系统中使用命令行编译时需要安装 Ruby。

Tip

如果开发使用的编辑器是 VS Code 可以安装插件 Live Sass Compiler 和 Live Server 实现实时编译。