Sass在VScode下的编译

前言

SASS 不是一门新的语言，而是一种 CSS 的预处理器。简单来说我们可以使用更简洁多样的语法来编写 CSS，也就是 SASS 的语法。

编译 SASS

在 VScode 中有两种方式编译 SASS

1. 采用命令行编译

   全局安装 SASS

   npm install -g sass
   

   输入编译命令

   sass input.scss output.css
   

   这里的 input 和 output 分别表示源文件和目标文件的文件名

   还可以采用监听的方式自动编译

   sass --watch input.scss:output.css
   

2. 使用 VScode 插件 Easy Sass

   扩展商店直接搜索即可

安装完成之后每次保存的时候，就会自动把 .scss 的文件编译成 .css 文件了

结语

大家也可以看出 SASS 是不能直接写在 .html 文件中的，因为浏览器只能识别 CSS 而编译指令也好，插件也好，作用就是帮助我们将语法简洁的 SASS 转化成浏览器能识别的 CSS