普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
cyforkk11 小时前
Spring Boot 3 集成 Swagger 踩坑实录:解决 doc.html 404 与 Unauthorized 拦截
spring boot·后端·html
ZHOUPUYU11 小时前
PHP与WebSocket实时通信的原理到生产级应用
开发语言·html·php
uimaker11 小时前
uimaker响应式jQuery Easyui+Bootstrap多配色主题设计
前端框架·bootstrap·html·jquery·easyui·后台模版
Predestination王瀞潞13 小时前
6.5.2 软件->W3C HTML5、CSS3标准(W3C Recommendation):HTML(HyperText Markup Language)
html·css3·html5
#麻辣小龙虾#14 小时前
html浏览器自动播放视频策略
前端·html·音视频
这儿有一堆花15 小时前
从技术标准到营销概念:深度解析 HTML5 与 H5 的演变与区别
前端·html·html5
Dxy123931021615 小时前
HTML常用CSS样式推荐:打造高效、美观的网页设计
前端·css·html
Luna-player2 天前
Sass与stylus的区别
rust·sass·stylus
ZHOUPUYU2 天前
PHP性能分析与调优:从定位瓶颈到实战优化
开发语言·后端·html·php
Dxy12393102162 天前
HTML常用布局详解:从基础到进阶的网页结构指南
前端·html