普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
劲爽小猴头7 小时前
HTML5快速入门-概览
前端·html·html5
酷爱码7 小时前
html5的响应式布局的方法示例详解
前端·html·html5
打小就很皮...12 小时前
《从虚拟 DOM 到 Diff 算法:深度解析前端高效更新的核心原理》-简版
前端·javascript·html
fashia1 天前
Java转Go日记(五十四):gin路由
开发语言·后端·golang·go·html·gin
花菜会噎住1 天前
网页 CSS美化(详解)
前端·css·html·网页
杨超越luckly1 天前
HTML应用指南:利用POST请求获取全国中通快递服务网点位置信息
前端·信息可视化·数据分析·html·php
Allen Bright1 天前
【HTML-4】HTML段落标签:构建内容结构的基础
前端·html
二十雨辰2 天前
[CSS3]百分比布局
前端·html·css3