当前位置: 首页 > news >正文

普通 html 项目也可以支持 scss_sass

项目结构示例

在这里插入图片描述

下载vscode的插件Live Sass Compiler

自动监听编译scss

在这里插入图片描述

下载插件Live Server

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

在这里插入图片描述

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

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

index.html 引入使用

在这里插入图片描述

启动 web 服务器看效果

在这里插入图片描述

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

在这里插入图片描述

相关文章:

  • Anaconda中配置Pyspark的Spark开发环境
  • 【中间件】bthread_数据结构_学习笔记
  • terraform 删除资源前先校验资源是否存在关联资源
  • AJAX 实例
  • 【Linux】线程池和线程补充内容
  • Qwen3 正式发布
  • C++——入门基础(2)
  • 工 厂 模 式
  • 游戏引擎学习第252天:允许编辑调试值
  • 企业内训|智能驾驶与智能座舱技术——某汽车厂商
  • 【Qt】网络
  • Python项目源码69:Excel数据筛选器1.0(tkinter+sqlite3+pandas)
  • 《数据结构初阶》【顺序表/链表 精选15道OJ练习】
  • 【数据结构】- 栈
  • 文件操作--文件包含漏洞
  • 如何让Steam下载速度解除封印?!
  • PyTorch线性代数操作详解:点积、矩阵乘法、范数与轴求和
  • 字符串转换整数(atoi)(8)
  • 在阿里云 Ubuntu 24.04 上部署 RabbitMQ:一篇实战指南
  • 【进阶】--函数栈帧的创建和销毁详解
  • 龚正盛秋平王晓真共同启动2025国际消费季暨第六届上海“五五购物节”
  • 北部艳阳高照、南部下冰雹,五一长假首日上海天气很“热闹”
  • 央行4月开展12000亿元买断式逆回购操作
  • 美国清洗政治:一幅残酷新世界的蓝图正在展开
  • 4月制造业PMI为49%,比上月下降1.5个百分点
  • 东风着陆场做好各项搜救准备,迎接神舟十九号航天员天外归来