普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
晓得迷路了13 分钟前
栗子前端技术周刊第 112 期 - Rspack 1.7、2025 JS 新星榜单、HTML 状态调查...
前端·javascript·html
jinmo_C++16 分钟前
从零开始学前端 · HTML 基础篇(一):认识 HTML 与页面结构
前端·html·状态模式
winfredzhang1 小时前
从零构建:基于 Node.js 的全栈视频资料管理系统开发实录
css·node.js·html·音视频·js·收藏,搜索,缩略图
松涛和鸣15 小时前
49、智能电源箱项目技术栈解析
服务器·c语言·开发语言·http·html·php
智航GIS20 小时前
10.5 PyQuery:jQuery 风格的 Python HTML 解析库
python·html·jquery
小白路过2 天前
node-sass和sass兼容性使用
前端·rust·sass
科雷软件测试2 天前
推荐几个常用的校验yaml、json、xml、md等多种文件格式的在线网站
xml·html·md·yaml
Serendipity-Solitude2 天前
HTML 五子棋实现方法
前端·html
研☆香2 天前
html css js文件开发规范
javascript·css·html
王五周八2 天前
html转化为base64编码的pdf文件
前端·pdf·html