微信开发者工具扩展自定义插件
·
需求:在微信开发者工具内扩展一个 编译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” 也可以
更多推荐
所有评论(0)