普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
tao3556678 小时前
HTML-03-HTML 语义化标签
前端·html
pusheng20259 小时前
普晟传感2026年新春年会总结与分析
前端·javascript·html
Emma_Maria9 小时前
本地项目html和jquery,访问地址报跨域解决
前端·html·jquery
笨蛋不要掉眼泪10 小时前
Redis主从复制:原理、配置与实战演示
前端·redis·bootstrap·html
浅念-10 小时前
C语言——自定义类型:结构体、联合体、枚举
c语言·开发语言·数据结构·c++·笔记·学习·html
GISer_Jing12 小时前
原生HTML项目重构:Vue/React双框架实战
vue.js·人工智能·arcgis·重构·html
红色的小鳄鱼12 小时前
Vue 教程 自定义指令 + 生命周期全解析
开发语言·前端·javascript·vue.js·前端框架·html
计算机程序设计小李同学1 天前
幼儿园信息管理系统的设计与实现
前端·bootstrap·html·毕业设计
tao3556671 天前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_949532841 天前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl