微信开发者工具扩展自定义插件

最新推荐文章于 2025-03-19 09:41:11 发布

小和尚敲木头

最新推荐文章于 2025-03-19 09:41:11 发布

阅读量7.7k

点赞数 4

分类专栏：经验分享文章标签：小程序编辑器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/w710537643/article/details/113395293

版权

经验分享专栏收录该内容

9 篇文章

订阅专栏

本文指导如何在微信开发者工具中安装并配置less编译插件，包括寻找插件、安装步骤、配置设置及启用过程，适用于VSCode内核。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：在微信开发者工具内扩展一个编译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” 也可以

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。