通过HbuilderX启动 微信开发者工具

这篇具有很好参考价值的文章主要介绍了通过HbuilderX启动 微信开发者工具。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前期准备

下载安装HbuilderX

下载安装HbuilderX教程
链接: https://blog.csdn.net/qq_43102730/article/details/125611294?spm=1001.2014.3001.5501

下载安装 微信开发者工具

下载安装 微信开发者工具教程
链接: https://blog.csdn.net/qq_43102730/article/details/125611297?spm=1001.2014.3001.5501

操作步骤

  1. 打开HbuilderX编辑器,打开要运行的项目
  2. 在HbuilderX顶部导航栏找到工具 -> 设置 ->运行配置->微信开发者工具路径 粘贴上自己微信开发者工具的安装路径即可
    通过HbuilderX启动 微信开发者工具
  3. 打开微信开发者工具,如果第一次登录可能需要微信扫码授权

    授权后的页面如下
    通过HbuilderX启动 微信开发者工具
    打开服务端口(设置->安全):
    通过HbuilderX启动 微信开发者工具
    通过HbuilderX启动 微信开发者工具
  4. 在HbuilderX的导航栏中点击运行即可,注意运行的项目名称要一致。
    通过HbuilderX启动 微信开发者工具
    运行的时候HbuilderX会下载一些相关的插件,例如:uni-app
    通过HbuilderX启动 微信开发者工具
    然后微信开发者工具就自动打开了

注意:如果打开了之后报如下弹窗,说明缺少企业微信插件,需要手动下载
通过HbuilderX启动 微信开发者工具
下载步骤:工具->插件
通过HbuilderX启动 微信开发者工具
安装企业微信小程序模拟器,如下图:
通过HbuilderX启动 微信开发者工具
安装好后关闭窗口,设置企业微信小程序模式弹窗即可解决
通过HbuilderX启动 微信开发者工具文章来源地址https://www.toymoban.com/news/detail-495033.html

到了这里,关于通过HbuilderX启动 微信开发者工具的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uni-app运用HBuilderX和微信web开发者工具做微信小程序

    目录 Uni-app、HBuilderX和微信web开发者工具的介绍 使用HBuilderX时需配置的工具 通过HBuilderX构建项目  配置微信开发者工具 通过HBuilderX将项目运行到微信小程序中  Uni-app中常用的组件及方法 扩展组件的使用方法 结语 Uni-app的介绍: uni-app是一个使用vue.js开发所有前端应用的框架

    2024年02月16日
    浏览(101)
  • HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决

    这个问题遇见过几次了,老是忘记,所以记录一下 在uniapp写的项目在hbuiderx中,以微信开发者工具打开 结果报错 HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决 小程序AppID没有配置或者不是自己的,需要换成自己的 AppID在下方地址的 开发管理 中的 开发设置 里找 地址

    2024年02月16日
    浏览(64)
  • HBuilderX - uniapp - 运行项目到微信开发者工具 - 提示项目下缺少manifest.json文件

    1、有manifest.json的情况下报错,选中项目,右键菜单,重新识别项目类型,再次运行 参考文档: HBuilderX - 项目根目录下缺少manifest.json - 峻宇 - 博客园 2、HBuilderX 运行uniapp到微信开发者工具,提示工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,

    2024年02月13日
    浏览(68)
  • 怎么通过微信开发者工具打开一个项目

    最近要修改一个老项目的微信小程序 当接收完老项目后,我直接用HBuilder X运行起来  结果还不错正常运行起来 但是打开页面时显示只能通过手机微信访问 于是我通过微信开发者工具打开  选择项目后(APP-ID)自己申请的测试ID 打开项目后显示启动失败,没有出现页面  这里是我

    2024年02月09日
    浏览(50)
  • hbuilder启动微信开发者工具失败问题汇总

    打开hbuilder中的Settings.json 运行=运行到小程序模拟器=运行设置 找到 微信开发者工具路径 ,检查配置是否有误 打开微信开发者工具,在 安全 选项里开启 服务端口 如果上面的两步都没有问题,那么应该就是appid的问题了。 首先要搞清楚的是 DCloud的AppId和微信开发者工具的A

    2024年02月04日
    浏览(40)
  • HbuilderX如何连接微信开发者小程序(保姆级教程):

    1、在官网下载HbuilderX:HBuilderX-高效极客技巧 (dcloud.io) 2、下载微信开发者工具,最好是选择稳定版微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)   3、打卡HbuilderX,选择文件—新建—项目  模板默认第一个 4、打开微信开发者工具,选择自己需求,小程序就选小

    2024年02月15日
    浏览(58)
  • 【uniapp】uniapp微信小程序开发:启动微信开发者工具提示no such file or directory错误...

    当使用uniapp运行微信小程序模拟的时候,遇到这样的错误: #initialize-error: Error: ENOENT: no such file or directory  开启安全服务端口

    2024年02月16日
    浏览(55)
  • uniapp启动微信小程序开发者工具报错Enable IDE Service (y/N) [27D[27C

    下载安装好微信小程序开发者路径 配置好启动路径后 报错[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C 因为微信开发者工具的服务端口号没有打开

    2024年02月10日
    浏览(62)
  • 微信开发者工具安装

    目录 简介 安装过程 微信开发者工具介绍 总结: 自己打算在业余时间,学习微信小程序的开发,就先下载了微信开发者工具。下面记录一下微信小程序开发者工具安装过程。 微信开发者工具连接:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html         到此已经安装完

    2024年02月07日
    浏览(75)
  • uniapp支付宝小程序如何在开发者工具启动

    小程序开发者工具安装地址 在uniapp项目根目录下的manifest.json中找到支付宝小程序配置,输入在支付宝中获取的appid 选择HBuilder导航栏的工具-设置-运行配置-支付宝小程序开发者工具路径-选择到小程序开发者工具.exe 运行-运行到小程序模拟器-支付宝小程序开发者工具 运行成功

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包