普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
软件技术NINI15 小时前
盗墓笔记html+css+js 2页
css·笔记·html
ShuiShenHuoLe16 小时前
Go html/template 使用入门
开发语言·golang·html
午安~婉16 小时前
挑战二:博客预览卡片
前端·javascript·html
IMPYLH2 天前
HTML 的 <dt> 元素
java·前端·html
IMPYLH2 天前
HTML 的 <em> 元素
java·前端·html
a1117762 天前
农业数字孪生大屏网页 html开源
前端·html
a1117762 天前
汽车3D配置器 THreeJS 开源项目
前端·3d·html·汽车
醉城夜风~2 天前
HTML列表标签学习博客:有序列表、无序列表、自定义列表详解
前端·学习·html
米码收割机2 天前
【前端】html+css 甘肃天水旅游(源码+文档)【独一无二】
前端·css·html
米码收割机3 天前
【前端】html_css 沐光公益阅读馆(源码+文档)【独一无二】
前端·css·html