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

微信小程序如何配置并使用less?

1,检查微信开发者工具(工具版本1.03+)————这步很重要不然后面按步骤实行后会发现急死你也还是不管用,我之前死在过这一步,所以大家不要再次踩坑了 ~ = ~ 。。。

2,在VScode中下载Less插件

在这里插入图片描述

3,在微信小程序中依次点击如下按钮

在这里插入图片描述

4,选中刚在vscode中下载安装的插件文件(如果没有修改过插件的安装目录,一般是在c盘下C:\用户\用户名.vscode\extensions\mrcrowl.easy-less-2.0.0)

在这里插入图片描述

5,操作以下步骤

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6,在setting.json 文件中新增 “outExt”:“.wxss”

在这里插入图片描述

7,在目录下新增一个同名的.less文件夹 然后在.less文件里写样式保存后.wxss文件会自动更新保存

在这里插入图片描述
如果以上步骤完成后 未实现最后一步,建议重启微信开发者工具
好了,这次分享到这里就结束了。如果你觉得对你有帮助,请给我点个赞并留言告诉我,让我为你开心下😊。

http://www.lryc.cn/news/114207.html

相关文章:

  • 【Spring】反射动态修改Bean实例的私有属性值
  • MySQL DDL 数据定义
  • Ventoy 设置VTOY_MAX_SEARCH_LEVEL = 0只扫描U盘根目录 不扫码子目录
  • vue3父子同信的双向数据实现
  • Shiro是什么?为什么要用Shiro?
  • Vue3+Vite+Pinia+Naive后台管理系统搭建之九:layout 动态路由布局
  • 从零开始学Python(Ⅰ)基本变量与数据类型
  • SQL ASNI where from group order 顺序 where和having,SQL底层执行原理
  • Mac M2 Ventura(13.3) 新机 安装Cocoapods
  • Unity 引擎做残影效果——2、屏幕后处理方式
  • 考研算法38天:反序输出 【字符串的翻转】
  • “深入解析JVM:探秘Java虚拟机的工作原理“
  • [Flask]SSTI1
  • Object Map 的相互转换
  • VS+Qt环境下解决中文乱码问题
  • 互联网摸鱼日报(2023-08-08)
  • NTT DATA利用相干伊辛机模拟基因组组装和疾病治疗的潜力
  • 哈希表语法(转载自用)
  • 打破界限,图文档与物料清单完美互联
  • 【电机绘图】:插补算法(一)—直线插补—逐点比较法
  • 16-2_Qt 5.9 C++开发指南_使用样式表Qss自定义界面
  • chatgpt openai API报错openai.error.APIConnectionError
  • 【果树农药喷洒机器人】Part1:研究现状分析以及技术路线介绍
  • QT-QTablewidget 设置选中某一行
  • [shell] 删除指定文件状态变更之前的文件及文件夹示例
  • 代码中 isEmpty 和 isBlank 的区别
  • 为什么要选择文件传输软件?有哪些最佳高速文件传输软件?
  • aardio + customPlus 显示图片演示
  • 收集到大量的名片怎么转为excel?
  • JAVASE---方法的使用