一、填写自己的微信小程序的 AppID:
1.1. 获取AppID
登录微信公众平台：https://mp.weixin.qq.com/
开发管理->开发设置
image.png
1.2. 填写AppID
image.png
二、在HBuilderX中，配置“微信开发者工具”的安装路径
2.1. 右键微信小程序--选择打开文件所在位置
image.png
2.2. 注意看这里是微信开发者工具.exe还是快捷方式的文件位置，如果是exe的文件位置，直接复制此路径即可，如果是快捷方式的文件位置，选中快捷方式，再次右键选择打开文件所在位置，然后复制路径
image.png
2.3. 将复制的文件路径粘贴到小程序运行配置中
image.png
三、在微信开发者工具中，通过 设置 >安全设置面板，开启“微信开发者工具”的服务端口：
image.png
image.png
四、在 HBuilderx 中，点击菜单栏中的 运行-> 运行到小程序模拟器->微信开发者工具 ，将当前 uni-app 项目编译之后，自动运行到微信开发者工具中，从而方便查看项目效果与调试：
image.png
五、运行成功
image.png
网友评论