普通 html 项目也可以支持 scss_sass

项目结构示例

下载vscode的插件Live Sass Compiler

自动监听编译scss

下载插件Live Server

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

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

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

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

index.html 引入使用

启动 web 服务器看效果

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

相关推荐
herinspace4 小时前
管家婆易指开单如何设置零售开单
运维·服务器·数据库·软件工程·sass·零售
牧杉-惊蛰6 小时前
修改输入框选择框颜色
前端·html
kooboo china.18 小时前
Tailwind CSS实战技巧:从核心类到高效开发
前端·javascript·css·编辑器·html
kooboo china.1 天前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(三)
前端·javascript·css·编辑器·html
神秘代码行者1 天前
HTML Picture标签详细教程
前端·html
白白糖2 天前
二、HTML
前端·html
学习HCIA的小白2 天前
关于浏览器对于HTML实体编码,urlencode,Unicode解析
前端·html
wuhen_n2 天前
CSS元素动画篇:基于当前位置的变换动画(四)
前端·css·html·css3·html5
阿维的博客日记2 天前
Can‘t create thread to handle bootstrap
前端·bootstrap·html