HBuilderX 连接 微信开发者工具

您所在的位置:网站首页 hbuilderx运行到模拟器白屏 HBuilderX 连接 微信开发者工具

HBuilderX 连接 微信开发者工具

2023-11-28 07:01| 来源: 网络整理| 查看: 265

前言

上篇配置了夜神模拟器,本篇就来看看怎么运行到微信开发者工具吧。

 一、打开微信开发者工具

第一次连接至微信开发者工具之前,需要先启动微信开发者工具,在工具栏,依次点击 设置 -> 安全设置,在弹出的设置弹窗中,安全选项下,开启服务端口。如下图所示。

二、HBuilderX 配置

①. 打开HBuilderX,在工具栏,依次点击 运行 -> 运行到小程序模拟器 -> 运行设置,配置微信开发者工具路径。

②. 再次点击 运行 -> 运行到小程序模拟器,点击 微信开发者工具 模拟器即可。

  

③. 启动成功,自动打开微信开发者工具。

④. 微信开发者工具编译页面

三、运行到页面

从 HBuilderX 中连接至微信开发者工具,如果想要直接运行到某一个页面,可在项目中编辑启动页配置。

在 pages.json 文件中,新增启动页面即可。效果同在微信开发者工具中,添加编译模式。

"condition" : { //模式配置,仅开发期间生效 "current": 0, //当前激活的模式(list 的索引项) "list": [ { "name": "index", //模式名称 "path": "pages/index/index", //启动页面,必选 "query": "" //启动参数,在页面的onLoad函数里面得到 } ] } 四、能打开微信开发者工具,但运行不了项目的情况

打开项目中 manifest.json 文件,找到微信小程序配置,查看微信小程序 AppID 是否自己没有权限。如果是测试项目,申请一个测试 AppID 填写就行。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3