2022版本微信开发者工具引入less插件

一、将less插件放入微信开发者工具的扩展目录中去
1、less插件获取方式在CSDN上可以搜索到，很多友友分享；
2、查看拓展路径方式：编辑=>打开编译器扩展目录

我本人的扩展文件夹路径可供参考：
C:\Users[电脑用户名称]\AppData\Local\微信开发者工具\User Data\1a695ca2de1a85735f93a43fb366c83f\Default\Editor\User\extensions
3、将插件文件夹拖入上面打开的文件夹即可：

二、安装
1、点击设置=>扩展设置

2、出现如下图所示页面，点击红色方框即可安装

三、配置
1、点击设置小图标=>Extension Settings

2、出现以下页面，点击Easy LESS config…=>在setting.json中编辑

3、添加如下方框中代码并保存：

四、测试
1、在空白demo1.wxml页面测试：
demo1.wxml输入：

<view class="container">
  <view class="test">
    测试测试测试
  </view>
</view>

2、新建demo1.less文件，并输入：

.container{
  width: 100%;
  height: 100%;
  .test{
    color: red;
  }
}

3、demo1.less里面输入的样式保存后，系统自动更新到demo1.wxss里面

4、测试完成，效果如下：