SCSS处理的基本了解和使用

官方文档：https://www.sass.hk/

1.首先注意,这里的sass和我们的scss是什么关系？

sass和scss其实是一样的css预处理语言

预处理语言使用是：开发时用预处理语言，在打包上线时，用webpack再配合loader工具给转成css（Cascading Style Sheets）给浏览器使用

后缀名不同：

SCSS 是 Sass 3 引入新的语法，其后缀名是分别为 .sass和.scss两种。

SASS版本3.0之前的后缀名为.sass，而版本3.0之后的后缀名.scss

语法规范：

sass没有{}和;, 有严格的缩进规范 ;

scss和css的缩进规范是一致的

我们在实际开发过程中，scss是常用写法

2.SCSS的基本使用

单独创建一个文件夹作为scss的使用，为了方便应用scss，我们可以在vscode中安装一个名为easy sass 的插件，它会自动的帮助我们把.scss => .css

首先我们新建一个文件