普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
学长学姐我该怎么办2 分钟前
从零开始学前端html篇2
前端·html
程序员秘密基地27 分钟前
基于html,css,vue,vscode,java,springboot,mysql数据库,在线考勤,管理系统
java·vue.js·spring·html·web app
杨超越luckly3 小时前
HTML应用指南:利用GET请求获取全国山姆门店位置信息
信息可视化·数据分析·html·argis·门店
尘心cx3 小时前
前端-HTML-day2
前端·html
Kyln.Wu3 小时前
【python实用小脚本-131】Python 实现 HTML 到 PDF 转换:解决文档处理痛点的高效工具
python·pdf·html
知识分享小能手16 小时前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
iphone1081 天前
一次编码,多端运行:HTML5多终端调用
前端·javascript·html·html5
Bruce_Json1 天前
微信小程序ts+sassjlin-ui
微信小程序·小程序·sass
一天睡25小时1 天前
一款减轻前端图片命名工作量的图片转换器
前端·javascript·html
梅纳德1 天前
如何发现一个网站的全部页面?7种方法
html