从 HBuilderX 到微信开发者工具中编译

最新推荐文章于 2025-03-07 17:20:38 发布
原创 最新推荐文章于 2025-03-07 17:20:38 发布 · 1.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文详细介绍了如何在HBuilderX中配置manifest.json以添加微信小程序AppID，并演示了在微信开发者工具中开启服务端的安全设置，以及如何通过HBuilderX运行到微信开发者工具进行测试，包括如何获取和使用测试号的过程。

1、HBuilderX 中 manifest.json ，填写微信小程序AppID。

2. 微信开发者工具，设置-安全-开启服务端

 3. 在 HBuilderX  顶部菜单栏 运行-运行到小程序-运行微信开发者工具

 备注：

测试号如何获取

申请以后得到小程序号的id

完工：

 

 

Drizzlejj
关注
小程序的编译上传
hcy5201314521的博客
03-28 875
小程序如果是hbuilderx开发的，当开发完成后运行到小程序模拟器里面的微信开发者工具，或者（发行里面的小程序微信（仅适用于uniapp）），然后打开微信开发者工具的 项目→里面的导入项目 （如果当时在hbuilderx里面是运行的话，就选择项目的unpackage→release→dev），当项目在hbuilderx里面运行出来后，点击右边的上传，并输入版本号和项目备注，然后，点上传，当上传成功后，在微信开发平台提交审核，让开发者扫码登录微信开发平台，版本里面有个提交审核。
微信公众号开发之HBuilder和微信开发者者工具联合开发
qq_31104067的博客
01-16 3346
本文讲解如何使用HBuilder和微信开发者者工具进行联合开发，方便开发者在开发过程中进行调试轻巧 仅10余M的绿色发行包(不含插件)极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构性能远超Java或Electron架构vue开发强化 HX对vue做了大量优化投入，开发体验远超其他开发工具 详见 小程序支持国外开发工具没有对中国的小程序开发优化，HX可新建uni-app 小程序等项目，为国人提供更高效工具。
把项目从HBuilderX运行到微信开发者工具
听海边涛声
04-15 1833
把项目从HBuilderX运行到微信开发者工具
微信小程序开发指南（ HBuilder X 实现）
qq_38922932的博客
04-18 8338
微信小程序开发指南（ HBuilder X 实现）
HBuilderX+uni-app开发的支持小程序、安卓、IOS的电商程序，带后台
09-28
HBuilderX+uni-app开发的支持小程序、安卓、IOS的电商程序，管理后台是skyshop电商程序，用PHP+mysql开发的，简单部署了一下，可以使用。
HBuilderX运行微信小程序，编译的文件在哪，怎么运行
qq505751223的博客
11-07 4693
4. 如果设置完开发路径，跳转到微信开发者工具了，但是没自动打开编译文件，代表 AppID 不同，可以手动点击主页面导入,将 unpackage -- dist -- dev -- mp-weixin 编译后文件导入，在导入时将 AppID 设置与HBuilderX 的一致，下次就可以直接启动，AppID 可以使用测试号，也可以在微信小程序官网进行注册，申请到 AppID。3. window系统的话点击顶部工具 -- 设置 --运行配置 --微信开发工具路径。
HBuilderX将Uniapp项目运行到微信开发者工具
doublewsrf的博客
09-10 2261
HBuilderX将Uniapp项目运行到微信开发者工具
hbuilder x编译微信开发者工具报错
03-08
好的，我现在要解决用户关于HBuilder X编译到微信开发者工具报错的问题。首先，我需要了解用户遇到的具体错误信息，但用户没有提供具体的错误内容，所以我得考虑常见的可能性。 首先，用户可能没有正确配置微信...
为什么hbuilderx允许微信开发者工具，修改代码，微信开发者工具不会同步修改
最新发布
05-14
好的，我现在需要解决用户在HBuilderX中修改代码后，微信开发者工具无法同步的问题。首先，我要回忆一下之前用户提供的引用内容，看看有没有相关的解决方案。根据引用[2]，用户提到在HBuilderX中修改代码后，需要...
hbuilderx和微信开发者工具编写微信小程序
01-26
### HBuilderX 和 微信开发者工具 的特点与差异 #### 功能集成度 HBuilderX 是一款集成了多种功能的IDE，不仅支持微信小程序开发，还兼容其他前端技术栈和框架。相比之下，微信开发者工具专注于提供针对微信生态...
【esp32-uniapp小程序】小程序篇01——使用Hbuilder X创建项目并在微信开发者工具查看运行结果
qq_61798306的博客
01-22 499
本文介绍如何使用Hbuilder X创建项目并在微信开发者工具查看运行结果
使用HBuilderX高效开发微信小程序全流程指南
Yue
03-07 7575
/ 创建custom-tab-bar组件data() {return {list: [{ icon: 'home', text: '首页' },{ icon: 'user', text: '我的' }},methods: {})通过HBuilderX开发微信小程序，开发者可以享受现代前端开发的高效体验。小程序与Web3技术结合多端协同开发模式演进小程序性能监控体系完善掌握本文所述技巧，结合官方文档持续实践，将助您快速成长为高效的小程序开发者。立即开始您的跨端开发之旅吧！提示。
HBuilder X运行项目到微信开发者工具调试和发布Uniapp小程序
u010797364的博客
04-14 6280
hbuilder首页：https://www.dcloud.io/hbuilderx.html下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载后免安装直接点击即可使用。打开HBuilder之后，它会要求你注册一个用户，然后才可以使用。第一次使用必须注册用户，登录才可以，这是它的硬性要求。按照官方的说法，HBuilder不单单希望只是一个工具，而是把工具和社区联系起来，所以才要求用户注册。
如何使用HBuilderX以及如何使用uniapp编写一段小程序
2301_78163093的博客
05-27 1995
总的来说，使用Uni-app编写小程序的原理就是通过Vue.js语法编写界面和逻辑代码，并通过Uni-app框架将代码编译为不同平台的小程序代码，然后进行测试、调试和发布。Uni-app是一个基于Vue.js的多端开发框架，可以使用一套代码同时开发多个平台的小程序，包括微信小程序、支付宝小程序、百度智能小程序、字节跳动小程序、H5等。打开HBuilderX，点击菜单栏的“文件”->“新建”->“项目”，选择“uni-app”模板，填写项目名称和路径，点击“创建”。样式设计：使用CSS进行样式的设计和布局。
HBuilderX开发的uniapp项目运行到微信小程序开发者工具上的方法
phplife的电子商务网上商城专栏
05-11 9968
用HBuilderX开发的uniapp版的微信小程序项目，开发，测试，联调时需要把项目运行到小程序模拟器，如何运行到小程序模拟器，需要做以下几点设置: 一、在项目的manifest.json配置模块里需要配置一下申请好的小程序appid 如果有正式的appid,这里就直接用正式的appid，如果没有，我们刚开始时可以直接申请一个测试号使用，我这里打开小程序开发者工具，直接点击创建小程序--->再点击测试号，生成一个测试用的appid,复制这个测试的appid，但不实际创建小程序 把刚.
用命令编译HBuilder X 项目
u012834688的博客
07-06 3965
1. 全局安装vue-clinpm install -g @vue/cli2. 创建uni-appvue create -p dcloudio/uni-preset-vue my-project3,创建项目的时候选择和HBuilder X上创建项目时选择的框架4，把你在HBuilder X创建的项目放src目录里面，把之前src的内容删除再放5，运行命令：npm run dev:h5npm run dev:mp-weixin打包命令dev换成build就可以...
uni-app：微信小程序从HBuilderX下载到编译运行项目
chenzimin_blog
09-15 3292
目录一、工具和项目二、工具配置1、导入小程序项目2、设置运行配置3、微信开发者工具配置4、小程序账号配置三、运行处理1、运行项目2、错误处理2.1、插件没有安装提示2.2、小程序端口没有配置报错2.3、不校验合法域名设置 一、工具和项目 1、微信小程序工具下载 2、HBuilderX工具下载 3、小程序下载到本地 二、工具配置 1、导入小程序项目 打开HBuilderX，导入项目，如下图： 2、设置运行配置 打开HBuilderX的偏好设置： 设置需要运行的配置地址： 3、微信开发者工具配置 打开服务端
HbuilderX如何让项目运行到微信开发者工具完整教程
热门推荐
qq_27195727的博客
03-29 1万+
工具： HbuilderX、微信开发者工具 现在正式开始进入我们的正题： 第一步: 打开微信发工具, 找到顶部"设置"–>点击"安全设置" 第二步,在弹出框中,打开服务端口,复制端口号,稍后会用 第三步,打开HBuilderX, 找到"工具"并开发其中的"设置".按下图操作 第四步: 在HBuilderX中,找到顶部的"运行" -->“运行到小程序模拟器”–>点击"微信开发者工具". OK! 此时HBuilderX会自动打开微信开发者工具并运行项目 至此完成 !!! 注意事项 HBu
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值