普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
libraG4 小时前
vue样式问题
css·vue.js·scss
你挚爱的强哥1 天前
SCSS上传图片占位区域样式
前端·css·scss
荻酷社区1 天前
HTML+CSS+JavaScript实现的AES加密工具网页应用,包含完整的UI界面和加密/解密功能
javascript·css·html
Spider_Man1 天前
懒加载那些事儿:图片也有“拖延症”?
前端·javascript·html
一点一木2 天前
使用现代 <img> 元素实现完美图片效果(2025 深度实战版)
前端·css·html
晴空雨2 天前
Emmet 完全指南:让 HTML/CSS 开发效率提升 10 倍
前端·html
然我2 天前
一篇吃透移动端适配!从原理到实战,面试题也帮你整理好了 📱
前端·css·html
Summer不秃3 天前
uniapp 手写签名组件开发全攻略
前端·javascript·vue.js·微信小程序·小程序·html
zhangbao90s3 天前
Intl API:浏览器原生国际化API入门指南
前端·javascript·html
心宽路阔走天下3 天前
html页面打水印效果
前端·css·html