普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
芳心粽伙饭4 小时前
CSS第四章 布局
前端·css·html
CoderYanger5 小时前
Java EE 进阶:2.3 JavaScript 综合案例
java·前端·javascript·css·职场和发展·java-ee·html
labixiong21 小时前
transition 写在 CSS 变量上为什么不生效?给变量补张「类型身份证」
前端·css·html
世岩清上1 天前
展厅数字内容同质化严重,怎样打造专属叙事风格?
大数据·前端·javascript·人工智能·html·音视频·展厅改造
QUOR1 天前
ZorvAI · GenUI 技术构架与功能介绍
html·github
平头哥技术团队2 天前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5
晴天162 天前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
拓人间精准客2 天前
全维度大数据:助贷机构破冰数据合规与触达难的5个支点
大数据·数据库·sass·tob
zhanghaha13142 天前
HTML系列教程:15_标签 全称 + 简写 超详细讲解(新手专用)
前端·html
IMPYLH2 天前
HTML 的 <samp> 元素
前端·网络·html