HBuilderX 连接 微信开发者工具

前言

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

 一、打开微信开发者工具

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

二、HBuilderX 配置

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

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

  

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

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

三、运行到页面

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

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

    "condition" : { //模式配置,仅开发期间生效
		"current": 0, //当前激活的模式(list 的索引项)
		"list": [
			{
				"name": "index", //模式名称
				"path": "pages/index/index", //启动页面,必选
				"query": "" //启动参数,在页面的onLoad函数里面得到
			}
		]
	}

四、能打开微信开发者工具,但运行不了项目的情况

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值