如何把uni-app项目运行到微信开发者工具

一、配置小程序的appid

1，先在HBuilder X中找到项目的manifeast.json文件 

2，点击微信小程序

3，将自己的小程序的appid配置进去即可

二、填写自己的微信开发者工具所在路径

1，在HBuilder X中找到导航栏中的工具

2，点击工具，然后点击运行配置

3，找到小程序运行配置，填写自己的微信开发者工具所在路径（不知道可以右键点击打开文件所在位置）

三、确保填写uni-app的appid

1，查看HBuilder X中项目内的的manifest

2，找到基础配置，查看其中的uni-app的appid是不是没填，没有填写的话点击后面的获取，自动获取填上即可

四， 打开微信开发者工具服务端口

找到微信开发者工具的设置---->通用设置---->安全，然后将服务端口打开即可正常使用了

 

 

五、快捷方式带来的问题

如果还是没有成功的话，可以看看是不是因为只是快捷方式里的设置了，可以到开发者工具的所在文件夹下打开开发者工具，登录后再进行设置。个人遇到了这种问题，刚开始通过快捷方式打开服务端口设置了但是一直无法运行，后来没有通过快捷方式而是在文件夹内打开了开发者工具，发现里面的服务端口居然是关闭的！然后打开后就正常了。。。

 如果以上五点都检查了那可能有其他原因，可以慢慢找一找，欢迎点赞、补充。