普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

新建一个 index.scss打开,点击 vscode 底部的按钮启动监听

每次修改 scss 文件,都是会自动生成 index.css,项目引入这个文件使用

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
前端架构师-老李12 小时前
HTML与CSS基础第四课—strong、em、b、i 各表示什么
前端·css·html
reasonsummer14 小时前
【教学类-07-12】20261028大3班破译电话号码html(手机按钮版本)
python·html
砚凝霜15 小时前
CTF Misc 签到 GXUST·CTF:查看源码 + HTML 注释 + Base64 解码(附 Base64 原理)
前端·html
夜雪一千1 天前
标题特殊符号数据清洗实战:解决HTML实体、零宽字符、Emoji乱码踩坑
前端·html
柏慧通云报餐2 天前
政企清廉食堂数字化建设方案:基于一体化报餐平台的全链路管控落地思路
大数据·运维·人工智能·物联网·sass
前端架构师-老李2 天前
HTML与CSS基础第二课—初识HTML
前端·css·html
CappuccinoRose2 天前
拖拽交互体系
前端·javascript·css·html·交互·1024程序员节
এ慕ོ冬℘゜2 天前
如何在 HTML 中嵌入音频和视频?
前端·html·音视频
sycmancia3 天前
Qml——Text元素
java·前端·html
西凉的悲伤3 天前
Jsoup 库 HTML 解析详解
java·前端·html·jsoup