普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
IOT.FIVE.NO.110 小时前
Codex Skill 内部结构解析:从 SKILL.md 到 scripts、references、assets
前端·javascript·人工智能·笔记·html
我命由我1234512 小时前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
ZC跨境爬虫12 小时前
跟着 MDN 学 HTML day_29:(动态构建与更新 DOM 树)
前端·javascript·ui·html·html5·媒体
编程技术手记12 小时前
html table布局平衡
前端·html
ZC跨境爬虫14 小时前
跟着 MDN 学 HTML day_27:(深入理解 HTML 属性反射机制)
前端·javascript·ui·html·音视频·媒体
z194089206617 小时前
在线生成背景:字号层级怎么做才像「正式物料」
前端·javascript·html
ZC跨境爬虫17 小时前
跟着 MDN 学 HTML day_26:(DOM 的树形结构与节点导航)
前端·ui·html·音视频·视频编解码
华科大胡子17 小时前
HTML头部元信息避坑指南
html
ZC跨境爬虫18 小时前
跟着 MDN 学 HTML day_28:(使用选择器 API 在 DOM 树中进行选择与遍历)
前端·ui·html·音视频·webrtc
阿豪只会阿巴1 天前
【没事学点啥】TurboBlog轻量级个人博客项目——项目介绍
javascript·python·django·html