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

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

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值