Uni-APP+Vue3+鸿蒙 开发菜鸟流程

参考文档

文档中心

运行和发行 | uni-app官网

AppGallery Connect

DCloud开发者中心

环境要求

  1. Vue3
  2. jdk 17 Java Downloads | Oracle 中国 【鸿蒙开发工具内置jdk17,本地不使用17会报jdk版本不一致问题】

开发工具

  1. HBuilder
  2. DevEco Studio【目前只下载这一个就行】 下载中心 | 华为开发者联盟-HarmonyOS开发者官网,共建鸿蒙生态

DevEco Studio配置

创建一个空白项目

【主要为了生成签名】

创建鸿蒙模拟器

启动模拟器

生成签名

生成签名

签名拷贝到HBuilder

如果用Vue开发则将红框中的内容拷贝到Hbuilder中

HBuiler配置

新建vue3项目

运行到鸿蒙

DevEco的执行文件路径

签名信息同步

将DevEco 生成的签名更新到HBuilder项目中

配置完成再次运行到鸿蒙会出现如下页面【内容不一样,仅供演示使用】

相关推荐
Burt2 小时前
#🎉 unibest 3.11了!快来看看新增了啥~
微信小程序·uni-app
2501_915106325 小时前
iOS混淆工具实战 金融支付类 App 的安全防护与合规落地
android·ios·小程序·https·uni-app·iphone·webview
TellMeha9 小时前
uniapp打包app关于获取本机相机、相册、麦克风等权限问题(ios第一次安装权限列表里没有对应权限问题)
ios·uni-app
鸿蒙小白龙10 小时前
openharmony之启动恢复子系统详解
harmonyos·鸿蒙·鸿蒙系统
keepDXRcuriosity14 小时前
ArkTS 语言全方位解析:鸿蒙生态开发新选择
华为·harmonyos·arkts·鸿蒙
zheshiyangyang18 小时前
uni-app学习【pages】
前端·学习·uni-app
小周同学:1 天前
【UniApp打包鸿蒙APP全流程】如何配置并添加UniApp API所需的鸿蒙系统权限
华为·uni-app·harmonyos
初遇你时动了情2 天前
uniapp vue3 ts自定义底部 tabbar菜单
前端·javascript·uni-app
韩沛晓2 天前
uniapp跨域怎么解决
前端·javascript·uni-app
咸虾米2 天前
微信小程序服务端api签名,安全鉴权模式介绍,通过封装方法实现请求内容加密与签名
vue.js·微信小程序·uni-app