微信开发者工具调试微信小程序

使用的是 uni-app 或 uni-app 框架生成的小程序项目（如 HBuilderX 创建的项目）的目录结构如图所示，项目根目录下为pages.json文件。uni-app 使用 pages.json 来统一配置页面和全局设置，并在编译时自动生成 app.json。

原生微信小程序项目为 app.json文件。

如果你的项目类型不对，就无法运行到指定平台，查看项目类型可以鼠标右击项目名称，点击重新识别项目类型，窗口右下角会弹出项目类型。

也可以在菜单-工具-项目管理器图标主题中选“HBuilderX图标”，以直观的根据图标显示项目类型

 

 

HBuilderX 连接 微信开发者工具

一、打开微信开发者工具

第一次连接至微信开发者工具之前，需要先启动微信开发者工具，在小程序，右上角点击设置，安全选项下，开启服务端口

二、HbuilderX中的配置

点击工具-设置，找到运行设置，在微信开发者工具路径处选择安装路径

 打开manifest.json文件，打开微信小程序配置，输入AppID

 三、调试

点击运行，运行到小程序模拟器，选择微信开发者工具

启动成功后的输出信息

启动成功后会自动打开微信开发者工具的调试页面（注：无需从微信开发者工具中导入项目的根目录）

 

若出现如下所示“本项目类型无法运行到小程序模拟器，点击看详情”信息，右击项目，选择“重新识别项目类型”，识别成功后，再次点击运行到微信小程序模拟器即可。