一、HBuilder IDE下载

(1)、下载HBuilder

官网下载地址,解压即用

HBuilderX-高效极客技巧HBuilderX是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛https://www.dcloud.io/hbuilderx.html

(2)、配置开发者工具路径

通过HBuilder IDE设置小程序运行路径,打开工具->外部命令->运行设置

在运行配置中找到微信开发者工具路径,配置完成即可

二、微信开发者工具 IDE下载
(1)、下载微信开发者工具

官网下载地址

微信开发者工具(开发版 Nightly Build)下载地址与更新日志 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html根据安装程序进行安装,完成会在Path路径生成相应配置

(2)、开发服务端口

最后选择设置->安全设置

启用服务端口

完成以上配置后,就可以在HBuilder中调试调用微信开发者工具

更多推荐