uni-app在hbuilderx打开微信开发工具运行

最新推荐文章于 2025-03-07 17:20:38 发布
最新推荐文章于 2025-03-07 17:20:38 发布
阅读量1k 收藏 6
点赞数 18
分类专栏： 小程序 文章标签： uni-app 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Min_nna/article/details/135931972
版权
本文讲述了如何配置微信开发者工具，包括路径设置、安全设置和uniapp项目app.json问题的处理。特别提到使用HBuilderX运行及文件导入路径。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、运行设置配置微信开发者工具路径

运行-运行到小程序模拟器-运行设置
在这里插入图片描述
配置微信开发工具的安装路径（可浏览文件位置选择）；web服务器端口号在第二步骤获得；
在这里插入图片描述

二、打开微信开发者工具设置-安全设置

在这里插入图片描述
打开服务端口开关，获取端口号在这里插入图片描述

三、uniapp项目在微信开发工具里打开报错Error:app.json:在项目根目录未找到app.json

uni-app 项目我们在微信开发工具里面打开报错
编译报错：[ app.json 文件内容错误] app.json: app.json 未找
在这里插入图片描述

1、运行项目之前，我们这里使用的是H

最低0.47元/天 解锁文章
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 7768
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
uni-app使用HBuilder X工具和微信小程序工具开发微信小程序
qq_64047601的博客
06-15 3842
uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5 以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。HX是轻如编辑器、强如IDE的合体版本。HBuilder X工具的扩展性强HX支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
将uniapp运行到微信开发者工具
qq_44741577的博客
07-03 3031
登录微信公众平台：https://mp.weixin.qq.com/的文件位置，直接复制此路径即可，如果是。的文件位置，选中快捷方式，再次右键。开发管理->开发设置。选择打开文件所在位置。
uni-app启动微信开发者工具
01-03
运行uni-app在微信开发者工具下注意的问题： （1）在点击工具栏里的文件 -> 新建 -> 项目： （2）选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。 （3）下载微信开发者工具 （4）运行uni-app 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。 如下图，需在输入框输入微信开
使用HBuilderX高效开发微信小程序全流程指南
最新发布
Yue
03-07 3586
/ 创建custom-tab-bar组件data() {return {list: [{ icon: 'home', text: '首页' },{ icon: 'user', text: '我的' }},methods: {})通过HBuilderX开发微信小程序，开发者可以享受现代前端开发的高效体验。小程序与Web3技术结合多端协同开发模式演进小程序性能监控体系完善掌握本文所述技巧，结合官方文档持续实践，将助您快速成长为高效的小程序开发者。立即开始您的跨端开发之旅吧！提示。
uniapp运行到开发者工具中
xiaowude_boke的博客
01-02 2954
uniapp运行到微信开发者工具中
附录1-将uni-app运行到微信开发者工具
potato123232的博客
07-29 1537
打开uni-app的manifest.json然后点击源码视图，之后找到 mp-weixin 中的setting，然后把 "checkSiteMap":false 加进去。有时候我们会遇到sitemap的警告，这个时候我们需要向 小程序 中的 project.config.json 加入 "checkSiteMap":false。之后保存manifest.json就会自动编译，微信小程序项目中也会多出 "checkSiteMap":false 这个配置项。然后微信开发者工具就被自动打开了，点击信任并运行。
在uniapp中运行项目到微信开发者工具详细步骤
weixin_44120543的博客
02-07 1824
顶部菜单 → 运行 → 运行到小程序模拟器 → 微信开发者工具。手动打开微信开发者工具 → 设置 → 安全 → 开启服务端口。打开HBuilderX → 文件 → 新建 → 项目。HBuilderX → 顶部菜单 → 工具 → 设置。建议开启微信开发者工具的"不校验合法域名"用于调试。获取微信小程序AppID（需要注册小程序账号）→ 默认模板 → 输入项目名称 → 创建。填写微信小程序AppID（没有可用测试号）在微信开发者工具 → 工具 → 构建npm。等待自动编译（首次编译需要2-5分钟）
uni-app配置微信开发者工具
weixin_46058007的博客
10-26 1475
配置微信开发者工具路径、开启微信开发者工具服务端口
使用HBuilderX高效搭建Uni-App微信小程序开发环境
qq_31226163的博客
05-24 6273
Uni-App是一个使用Vue.js开发所有前端应用的框架，支持发布到iOS、Android、H5、以及各种小程序平台（包括微信小程序、支付宝小程序等）。它的核心优势在于一套代码可以编译到多个平台，大大降低了跨平台开发的成本。HBuilderX是DCloud推出的一款专为前端开发者设计的开发工具，内置了对Vue.js、uni-app的完美支持，提供了强大的代码提示、智能感知、模板快速生成等功能，让开发效率飞升。从零开始，申请开通微信小程序全流程_微信公众号申请小程序 csdn-优快云博客。
uni-app 实现小程序 仿微信 我的界面
03-30
首先，你需要安装HBuilderX开发环境，然后新建一个uni-app项目，选择合适的模板，如"Empty"模板，开始创建你的小程序。 2. 设计布局 使用uni-app的Flex布局或者Grid布局来规划页面结构。例如，顶部可以设置一个包含...
HBuilderX将Uniapp项目运行到微信开发者工具
doublewsrf的博客
09-10 1613
HBuilderX将Uniapp项目运行到微信开发者工具
HBuilderX开发的uniapp项目运行到微信小程序开发者工具上的方法
phplife的电子商务网上商城专栏
05-11 9524
用HBuilderX开发的uniapp版的微信小程序项目，开发，测试，联调时需要把项目运行到小程序模拟器，如何运行到小程序模拟器，需要做以下几点设置: 一、在项目的manifest.json配置模块里需要配置一下申请好的小程序appid 如果有正式的appid,这里就直接用正式的appid，如果没有，我们刚开始时可以直接申请一个测试号使用，我这里打开小程序开发者工具，直接点击创建小程序--->再点击测试号，生成一个测试用的appid,复制这个测试的appid，但不实际创建小程序 把刚.
把项目从HBuilderX运行到微信开发者工具
听海边涛声
04-15 1515
把项目从HBuilderX运行到微信开发者工具
HBuilderX项目在微信开发者工具运行详细步骤
qq_30907075的博客
06-21 1558
HBuilderX项目在微信开发者工具运行详细步骤
使用HbuilderX运行uniapp中小程序项目
weixin_38441229的博客
10-09 1125
在HbuilderX中运行uni-app到微信小程序到微信开发者工具中去。
HBuilderX 连接 微信开发者工具
lhz_333的博客
11-18 1万+
HBuilderX 连接至 微信开发者工具进行项目调试。
HBuilder X运行uni-app项目到微信开发者工具
zdoujiaomenmian的博客
04-04 719
回到HBuilder X，在刚刚配置微信开发者工具的上方填写外置web服务器调用url。http://127.0.0.1:上面复制的端口号。点击“运行→运行到小程序模拟器→微信开发者工具”打开服务端口并复制下方的端口号。配置微信开发者工具位置。点击“设置→安全设置”
uniapp 在HBuilder X中配置微信小程序开发工具
热门推荐
Mr_Bobcp的博客
07-26 2万+
一、配置 在HBuilder X中配置微信开发者工具路径 打开安装好的 登录，并在设置>安全 中打开服务端口 然后，在网页登录小程序后台 ，在菜单 “开发”-“开发管理”-“开发设置” 找到已经获取的小程序 AppID 将其填入HBuilder X中的uniapp项目的manifest.json文件中 配置结束后，在HBuilder X运行中选择运行至微信开发者工具就行了。 二、要点 微信开发者工具安装后需要打开登陆一下； 微信开发者工具中需要打开服务端口。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值