如何使用 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、以上步骤操作完毕,即可运行
运行 – 运行到小程序模拟器 – 微信开发者工具

以上流程差一个都运行不起来会报错
注意:报错信息

你可能感兴趣的:(uni-app)