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

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

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

注意:报错信息

相关推荐
万岳软件开发小城3 小时前
基于PHP+Uniapp的互联网医院源码:电子处方功能落地方案
开发语言·uni-app·php·软件开发·互联网医院系统源码·智慧医院app
anyup21 小时前
uni-app 蓝牙打印:实现数据分片传输机制
前端·uni-app·trae
fakaifa1 天前
【最新版】沃德代驾源码全开源+前端uniapp
前端·小程序·uni-app·开源·php·沃德代驾·代驾小程序
Monly211 天前
Uniapp:navigator(页面跳转)
uni-app
Monly212 天前
Uniapp:swiper(滑块视图容器)
uni-app
七七小报2 天前
uniapp-商城-32-shop 我的订单-订单详情和组件goods-list
uni-app
Monly212 天前
Uniapp:view容器(容器布局)
uni-app
上趣工作室2 天前
uniapp开发2--uniapp中的条件编译总结
uni-app
@泽栖2 天前
下载HBuilder X,使用uniapp编写微信小程序
微信小程序·小程序·uni-app
程序员王天3 天前
Uniapp 自定义TabBar + 动态菜单实现教程(Vuex状态管理详解)
微信小程序·uni-app