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

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

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

注意:报错信息

相关推荐
woshinon6 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
蜡台7 小时前
Uniapp H5Builderx 预览Html 显示404问题解决
前端·uni-app
Можно8 小时前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
2501_915106329 小时前
iOS 多技术栈混淆实现,跨平台 App 混淆拆解与组合
android·ios·小程序·https·uni-app·iphone·webview
爱看老照片9 小时前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
huycheaven9 小时前
uniapp-x生成App条形码和二维码
uni-app·二维码·条形码
00后程序员张9 小时前
有些卡顿不是 CPU 的问题,还要排查磁盘 I/O
android·ios·小程序·https·uni-app·iphone·webview
Aftery的博客9 小时前
HBulider项目打包上传到App Store需要的证书和私钥文件
uni-app·cocoapods
LXXgalaxy9 小时前
小程序文件上传怎么做?一套可复用的 UniApp 上传+预览 Demo
javascript·vue.js·uni-app
上单带刀不带妹10 小时前
UniApp 页面跳转完全指南:5 种路由方式详解与实战对比
前端·javascript·vue.js·uni-app·跨端开发