【uni-app】—4.使用HBuilderX配置各种调试工具

一、申请测试号的小程序AppID (用于测试，商用可以申请正式的)

1. 打开微信开发者工具

2. 新建小程序项目- 点击注册

3. 点击测试号的申请

4. 微信扫码登陆，确定申请小程序测试号

5.成功后，微信重新扫码登陆微信公众平台，手机微信上选择小程序的测试号

6. 获取到小程序的测试号的AppId

二、HBuilderX配置微信开发者工具

1. 打开HBuilderX工具，启动之前的项目

2. 配置微信小程序的AppId

3. 配置微信开发者工具的路径

4. 打开APP.vue，运行微信开发者工具

PS: 如果是第一次编译，需要等待编译完成后，停止微信开发者工具，再重新运行微信开发者工具。

5. 运行后的效果

三. 使用chremo浏览器，实现移动端调试

四、使用夜神模拟器，实现真机调试

1. 打开夜神模拟器

2. 下载真机运行插件

PS：等待运行插件安装完成之后，重启HBuilder

3. 运行夜神模拟器APP