项目结构示例

下载vscode的插件Live Sass Compiler
自动监听编译scss

下载插件Live Server
用于 web 服务器,打开 html 文件到浏览器,也可以不用这个,自己用 nginx 或者宝塔其他 web 工具

新建一个 index.scss打开,点击 vscode 底部的按钮启动监听
每次修改 scss 文件,都是会自动生成 index.css,项目引入这个文件使用


根目录已生成同名的 css 文件

index.html 引入使用

启动 web 服务器看效果

点击按钮后,会自动打开默认浏览器打开页面
