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

2024-04-08 20:01:14

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

微信开发者工具扩展自定义插件相关推荐

2022版本微信开发者工具引入less插件
一.将less插件放入微信开发者工具的扩展目录中去 1.less插件获取方式在CSDN上可以搜索到,很多友友分享: 2.查看拓展路径方式:编辑=>打开编译器扩展目录我本人的扩展文件夹路径可供参 ...
微信小程序——微信开发者工具添加less插件
1.下载插件访问vscode-easy-less 目前更新到1.7.3,点击easy-less-1.7.3.vsix进行下载 2.安装插件 (1)打开微信开发者工具,按下图操作 (2)选择刚刚下载好 ...
【笔记】微信开发者工具自定义编译模式（编译时，携带指定参数直接跳转指定页面）
文章目录问题解决问题发现这个神奇功能之前,一般都是在 app.json 下 pages 里将当前页面置顶,参数写死... 或是,什么都不做,繁琐的一级一级的点,直到从首页进入需要调试页面... ...
微信小程序: 微信小程序-开发者工具添加less插件
在入门微信小程序的时候,在其他编译软件中有使用less插件的小伙伴都会发现,在微信小程序- 开发者工具中是没有下载插件这个入口的,所以我们可以借助vscode来辅助微信小程序-开发者工具安装le ...
常用工具:IDEA、vs code、Navicat、Postman、HBuilderX、微信开发者工具
IDEA 1. 更好的项目管理方式 IDEA中的Project类似于eclipse中的workspace,而Module类似于eclipse中的project.这里可不仅仅是名称简单更改了一下,IDE ...
uni-app教程二（微信开发者工具运行项目，icon字体使用，组件）
1.在微信开发者工具中运行 1.配置小程序IDE相关路径说明:只有配置了才能在微信小程序运开发者工具中运行成功 2.开启小程序IDE服务端口的设置->安全设置->安全 (开启) 3. 修 ...
微信开发者工具 Source Map 的使用
在小程序后台 ->开发管理 ->运维中心 -> 错误日志中可以看到小程序运行中的报错信息,但是代码都是压缩混淆的,那就需要如何去定位,下面说明说如使用微信开发者工具 Source ...
微信小程序 ---在Vscode上编辑，微信开发者工具上预览，快速上手
微信小程序 -快速上手第一个小程序成功导入一个已经在开发中项目 vscode 设置设置高亮拷贝到 settings.json "files.associations": ...
【uni-app】什么是uni-app？如何进行开发？如何连接微信开发者工具与安卓手机端？
文章目录 1 什么是 uni-app 2 如何使用与开发 3 用 HBuilderX 创建项目 4 如何连接微信开发者工具 5 如何连接安卓手机端 1 什么是 uni-app (此部分内容出自 uni ...

最新文章

热门文章