如何使用 uniapp 开发(一)

1、下载 hbuilderx 编辑器

https://www.dcloud.io/hbuilderx.html

2、下载 微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

3、使用hbuilder编辑器,开发微信小程序的时候需要借助 微信开发者工具显示,所以需要如下配置:

  1. hbuilder编辑器左上角创建项目,可根据需求进行选择(vue2.0还是3.0)
  2. 在桌面上右键微信开发者工具图标,找到文件path(即 文件夹 上方地址)
  3. 打开 hbuilder编辑,工具 -- 设置 -- 运行配置 -- 小程序运行配置:微信开发者工具路径,输入微信开发者工具的path即可。
  4. 打开微信开发者工具:右上角齿轮 -- 安全 -- 服务端口 (打开)

4、以上步骤操作完毕,即可运行

运行 -- 运行到小程序模拟器 -- 微信开发者工具

以上流程差一个都运行不起来会报错

注意:报错信息

相关推荐
假客套1 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】6、我的收藏页面
微信·uni-app·旅游
邹荣乐2 小时前
uni-app开发微信小程序的报错[渲染层错误]排查及解决
前端·微信小程序·uni-app
xw52 小时前
支付宝小程序外链跳转调试爬坑
uni-app·支付宝
^Rocky3 小时前
uniapp 对接腾讯云IM群组成员管理(增删改查)
uni-app·腾讯云
假客套4 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】7、景点详情页面【完结】
前端·uni-app·旅游
程序员小张丶4 小时前
基于UniApp开发HarmonyOS 5.0鸿蒙汽车应用的指南
uni-app·汽车·harmonyos5.0
moxiaoran57535 小时前
uni-app学习笔记二十四--showLoading和showModal的用法
笔记·学习·uni-app
HHHHHY6 小时前
使用webview外链打包apk,写入自签CA证书流程,解决app录音功能无法使用
前端·uni-app
海天胜景10 小时前
uniapp 字符包含的相关方法
uni-app
moxiaoran575313 小时前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app