普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
এ慕ོ冬℘゜6 小时前
JavaScript 数据类型检测与转换、运算符超全实战详解
前端·html
CappuccinoRose10 小时前
CSS、Less、Sass(含 SCSS)、Stylus
前端·css·less·sass·stylus
IMPYLH1 天前
HTML 的 <dd> 元素
前端·html
山内桜良11 天前
HarmonyOS中,html 与 ets 桥接沟通
华为·html·harmonyos
IMPYLH2 天前
HTML 的 <data> 元素
前端·html
UndefeatedJie2 天前
全栈项目架构三支柱:模块化 × RESTful × 语义化HTML,附AI辅助开发心法
html
凌奕2 天前
Claude Code 上线了"一键发网页"功能:报告做完直接甩链接,部署这一步彻底消失
html·claude
IMPYLH2 天前
HTML 的 <colgroup> 元素
前端·html
姑苏倾城客2 天前
Flutter中,html 与 dart 桥接沟通
javascript·flutter·html
2501_941982052 天前
企业微信外部群内:基于RPA接口的监控系统设计
前端·bootstrap·html