在html中使用sass

.html文件当中是不能直接使用sass的, 它需要转译一下使用

1. 在vscode编辑器里安装如下插件

在vscode编辑器里装好这个插件后 , 在项目目录建一个XXXX.scss文件

比如:

然后在编写的过程中 ,打开编辑器终端 点击

它就会实时的监听你编写的scss文件,生成css文件 ,并且实时更新,

如下

而你的html当中只需要引入生成的css文件就行了
项目结束后根据需要是否删除 .scss 文件和 .map文件