### 在uni-app中填写自己的微信小程序的 AppID 在manifest.json中找到微信小程序配置，填写好AppId <img src="https://img.tnblog.net/arcimg/aojiancc2/eb3462c367fa4333854b8c58f420c9b6.png" style="width:500px;height:auto;"> ### 在 HBuilderX 中，配置“微信开发者工具”的安装路径 工具 -> 设置 -> 运行设置 -> 微信开发者工具路径-->写入自己的安装路径即可 <img src="https://img.tnblog.net/arcimg/aojiancc2/0b9e1cd898a8424ebdbfcf4e7e01937e.png" style="width:500px;height:auto;"> ### 在微信开发者工具中，通过 设置 -> 安全设置 面板，开启“微信开发者工具”的服务端口 <img src="https://img.tnblog.net/arcimg/aojiancc2/9151039733984152b21e6e2693587663.png" style="width:500px;height:auto;"> ### 在 HBuilderX 中，点击菜单栏中的 运行 -> 运行到小程序模拟器 -> 微信开发者工具，将当前 uni-app 项目编译之后，自动运行到微信开发者工具中，从而方便查看项目效果与调试 <img src="https://img.tnblog.net/arcimg/aojiancc2/8db112d5092144fbbd60b319a7cc9081.png" style="width:500px;height:auto;"> 这样就可以直接运行到微信开发者工具了，就可以使用里边的预览，真机调试等功能了。