需求:在微信开发者工具内扩展一个 编译less语法的插件
实现基础:微信开发者工具应该用的是vscode的开源内核。
查看微信官网:
在这里插入图片描述
想要安装一个vscode的插件:
在这里插入图片描述

1.找到插件

首先按照微信官网给的地址(用户目录\.vscode\extensions)
在我的电脑目录 C:\Users\wxk\.vscode\extensions 下找到插件 :
在这里插入图片描述

2.把插件装到微信开发者工具

编辑-> 打开编辑扩展工具 ,把插件复制到文件夹下。
在这里插入图片描述

在这里插入图片描述

3.对插件ID进行 添加

插件的ID在插件文件夹下package.json
在这里插入图片描述

在这里插入图片描述

在微信开发者工具编辑->管理编辑器扩展 添加到里面即可
在这里插入图片描述

4.插件设置(我这个插件需要配置文件,其他插进根据需要自行配置)

在这里插入图片描述

这是插件在vscode 的配置,和配置文件地址。
所以推测微信的也大致一样。C:\Users\wxk\AppData\Local\微信开发者工具\User Data\f13f1c30f325514de496c9db6e27b110\Default\Editor\User 在这里找到了一个setting.json

在这里插入图片描述
将插件配置加入进去保存
在这里插入图片描述

5.开启插件

微信 工具->插件 开启插件

在这里插入图片描述

在这里插入图片描述

最后检查下

在这里插入图片描述

less文件已经编译为wxss了。

备注:

如果还不能使用,可以尝试下重启微信开发者工具

在这里插入图片描述

我这里没有使用ID (626735cf-2e54-4642-8bfc-02227eed9c52) 使用的 插件名字
“mrcrowl.easy-less” 也可以

更多推荐