普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
anOnion15 小时前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
用户800391387831 天前
工程化 SCSS 排错新思路|Gemini 一键解析语法、变量、层级编译问题
scss
米丘1 天前
微前端之 Web Components 完全指南
微服务·html
Metaphor6924 天前
使用 Python 将 PDF 转换为 HTML
python·pdf·html
a1117764 天前
“黑夜流星“个人引导页 网页html
java·前端·html
JieE2124 天前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
YHL4 天前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html
a1117764 天前
无限森林漫游(简约几何版 html
前端·html
LaughingZhu4 天前
Product Hunt 每日热榜 | 2026-06-16
前端·人工智能·经验分享·chatgpt·html
m0_547486665 天前
《HTML+CSS+JavaScript+Vue前端开发技术教程》全套PPT课件
javascript·css·html