Sass快速入门

Sass(Syntactically Awesome Style)

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。

Sass是一种CSS预处理器(preprocessor)

语法格式(Syntax)

缩进格式 (Indented Sass) 通常简称 "Sass"，是一种简化格式。

使用 “缩进” 代替 “花括号” 表示属性属于某个选择器，用 “换行” 代替 “分号” 分隔属性

具体请查看 the indented syntax reference。这种格式以 .sass 作为拓展名。

Sass安装

Sass有以下几种安装方式：

使用独立安装包安装(各平台，需要手动添加环境变量)github
使用NPM安装(各平台)
使用Chocolatey包管理工具安装(Windows)
使用Brew安装(macOS)

npm安装sass