SCSS 介绍与安装

SCSS 介绍

Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容 CSS3 的同时继承了 Sass 强大的动态功能。

特性概览

1. 完全兼容 CSS3

2. 在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能

3. 通过函数进行颜色值与属性值的运算

4. 提供控制指令 (control directives)等高级功能

5. 自定义输出格式

安装 scss

使用npm 命令快速安装 scss ：

npm install -g sass

查看 sass 版本

sass --version
# 输出类似下面的版本信息
1.49.9 compiled with dart2js 2.16.1

至此 scss 安装成功，下一节我们将带领大家体验第一个 scss 的编写和编译，请继续阅读。