普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
蓝婷儿8 小时前
Python 爬虫入门 Day 2 - HTML解析入门(使用 BeautifulSoup)
爬虫·python·html
葡萄糖o_o9 小时前
ResizeObserver的错误
前端·javascript·html
MK-mm9 小时前
CSS盒子 flex弹性布局
前端·css·html
粤M温同学11 小时前
Web前端基础之HTML
前端·html
程序猿阿伟14 小时前
《Gulp与SCSS:解构前端样式开发的底层逻辑与实战智慧》
前端·scss·gulp
꒰ঌ小武໒꒱14 小时前
用 HTML、CSS 和 JavaScript 实现五子棋人机对战游戏
javascript·css·html
xiezhr17 小时前
在trae的帮助下开发了俄罗斯方块游戏
前端·javascript·html
逸雪飞扬18 小时前
Gradio 非侵入式修改的离线使用方案
python·html
亦舒.20 小时前
网盘直链解析网页版
html
我命由我123451 天前
VSCode - VSCode 转换英文字母的大小写
开发语言·javascript·ide·vscode·编辑器·html·软件工具