HBuilderX 连接微信开发者工具

前言

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

一、打开微信开发者工具

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

二、HBuilderX 配置

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

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

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

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

三、运行到页面

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

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

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

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

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

HBuilderX 连接微信开发者工具相关推荐

HBuilderx连接微信开发者工具
系列文章目录文章目录系列文章目录前言一.环境 1.HBuilerx 工具 2.微信开发者工具二.关联微信开发者工具 1.HBuilderx新建项目 2.关联微信开发者工具 3.运行微信小程序 ...
【uni-app】什么是uni-app？如何进行开发？如何连接微信开发者工具与安卓手机端？
文章目录 1 什么是 uni-app 2 如何使用与开发 3 用 HBuilderX 创建项目 4 如何连接微信开发者工具 5 如何连接安卓手机端 1 什么是 uni-app (此部分内容出自 uni ...
常用工具:IDEA、vs code、Navicat、Postman、HBuilderX、微信开发者工具
IDEA 1. 更好的项目管理方式 IDEA中的Project类似于eclipse中的workspace,而Module类似于eclipse中的project.这里可不仅仅是名称简单更改了一下,IDE ...
通过HbuilderX启动微信开发者工具
文章目录前期准备下载安装HbuilderX 下载安装微信开发者工具操作步骤前期准备下载安装HbuilderX 下载安装HbuilderX教程链接: https://blog.csdn.n ...
HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决
刚开始接触HBuilderX工具,在微信开发者工具,运行项目,但是,始终报"Fail to open IDE",并且,微信开发者工具打开,无法显示项目!问题排查: 1.HBuild ...
HBuilderX、微信开发者工具、VScode之间运行微信公众号
从git下载了项目,HBuilderX配置好git 下载好解压好后运行.exe文件找到conf下的nginx.conf,用vscode打开添加了如下图代码配置如下地址: 在backup打开下 ...
【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行
在本专栏之前的文章已经为大家介绍过,uniapp作为一个跨端开发框架被广泛应用.通过uniapp可以开发一套程序.运行到andoid.ios以及各种小程序端,微信小程序.支付宝小程序.百度小程序.字节 ...
uniapp转微信小程序报错Cannot read property ‘forceUpdate‘ of undefined - 微信开发者工具报错
效果图解决步骤 1)微信开发者工具打开项目, 点击右上角 "详情" 2)复制AppID 3)打开HBuilderX,修改项目的manifest.json,选择"微信小 ...
如何用HBuilderX把uni-app项目运行到微信开发者工具上
1.复制自己的微信小程序的AppID: 方法一:在微信开发者工具中获取APPID 方法二: 在小程序后台获取 2.在HBuilderX 新建项目中填写自己的微信小程序的 AppID: 3.在 HBui ...

HBuilderX 连接微信开发者工具

前言

一、打开微信开发者工具

二、HBuilderX 配置

三、运行到页面

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

HBuilderX 连接微信开发者工具相关推荐

最新文章

热门文章

HBuilderX 连接 微信开发者工具

前言

一、打开微信开发者工具

二、HBuilderX 配置

三、运行到页面

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

HBuilderX 连接 微信开发者工具相关推荐

最新文章

热门文章

HBuilderX 连接微信开发者工具

HBuilderX 连接微信开发者工具相关推荐