普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
GKDf1sh16 小时前
【前端安全】聊聊 HTML 闭合优先级和浏览器解析顺序
前端·安全·html
前端老鹰16 小时前
HTML <dialog> 元素:原生弹窗解决方案,无需再写复杂遮罩
前端·html
hqxstudying17 小时前
前后端交流
java·css·后端·html·json
典学长编程19 小时前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第四天(DOM编程和AJAX异步交互)
javascript·css·ajax·html·dom编程·异步交互
coding随想20 小时前
HTML5插入标记的秘密:如何高效操控DOM而不踩坑?
前端·html
PyHaVolask1 天前
HTML 表单进阶:用户体验优化与实战应用
前端·javascript·html·用户体验
典学长编程2 天前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第三天(JavaScript)
前端·javascript·css·html·前端开发
Spider_Man2 天前
前端路由双雄传:Hash vs. History
前端·javascript·html
凤年徐2 天前
解锁网页魔法:零基础HTML通关秘籍
前端·javascript·css·前端框架·html·web
生涯にわたる学び2 天前
数据库02 网页html01 day44
数据库·html