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

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

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

注意:报错信息

相关推荐
前端 贾公子27 分钟前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
weixin_5450193210 小时前
微信小程序智能商城系统(uniapp+Springboot后端+vue管理端)
spring boot·微信小程序·uni-app
lqj_本人11 小时前
鸿蒙OS&UniApp 实现的语音输入与语音识别功能#三方框架 #Uniapp
uni-app
lqj_本人11 小时前
鸿蒙OS&UniApp 制作动态加载的瀑布流布局#三方框架 #Uniapp
uni-app·harmonyos
a_靖12 小时前
uniapp使用全局组件,
uni-app·全局组件
lqj_本人13 小时前
鸿蒙OS&UniApp制作一个小巧的图片浏览器#三方框架 #Uniapp
华为·uni-app·harmonyos
向明天乄14 小时前
uni-app微信小程序登录流程详解
微信小程序·uni-app
lqj_本人16 小时前
鸿蒙OS&UniApp 开发的下拉刷新与上拉加载列表#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人17 小时前
鸿蒙OS&UniApp 制作个人信息编辑界面与头像上传功能#三方框架 #Uniapp
uni-app·harmonyos
lqj_本人17 小时前
鸿蒙OS&UniApp 实现的二维码扫描与生成组件#三方框架 #Uniapp
uni-app