如何使用 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、以上步骤操作完毕,即可运行

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

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

注意:报错信息

相关推荐
小徐_23333 分钟前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
前端·uni-app·trae
斯~内克7 分钟前
UniApp 页面传参方式详解
网络协议·udp·uni-app
大聪明了3 小时前
uniapp vue3 使用 pinia
javascript·vue.js·uni-app
有梦想的刺儿14 小时前
uniapp手机端video标签层级过高问题
uni-app
&白帝&16 小时前
Uniapp 获取系统信息:uni.getSystemInfo 与 uni.getSystemInfoSync
uni-app
熬耶1 天前
Uniapp之微信小程序自定义底部导航栏形态
微信小程序·小程序·uni-app
加蓓努力我先飞1 天前
小兔鲜儿-小程序uni-app(二)
uni-app
IT码农-爱吃辣条1 天前
解决在uniapp真机运行上i18n变量获取不到问题
javascript·vue.js·uni-app
hongweihao2 天前
儿子不收拾玩具,我用AI给他量身定制开发一个APP,这下舒服了
uni-app·app·ai编程
Hashan2 天前
微信小程序:扁平化的无限级树
前端·微信小程序·uni-app