普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
yivifu2 小时前
手搓HTML双行夹批效果
前端·html·html双行夹注
钮钴禄·爱因斯晨4 小时前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html
Beingchou5 小时前
HTML头部元信息避坑指南大纲
前端·html
FlyWIHTSKY10 小时前
HTML 中 `<span>` 和 `<div>` 详细对比
前端·html
ZC跨境爬虫13 小时前
3D地球卫星轨道可视化平台开发Day2(轨道错位Bug修复+模块化结构优化)
前端·3d·html·json·bug
ZC跨境爬虫13 小时前
3D 地球卫星轨道可视化平台开发 Day1(3D 场景、卫星渲染与筛选交互实现)
前端·3d·html·json·交互
R-sz14 小时前
前端直接将页面 HTML 报表导出为 Word 文档,html转word
前端·html·word
Reisentyan14 小时前
[vue3]HTML Learn Data Day 10
javascript·vue.js·html
a11177614 小时前
PascalEditor( 3D建筑编辑器 开源)
前端·开源·html
爱上好庆祝14 小时前
移动端适配
前端·css·学习·html·css3