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项目中

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

相关推荐
前端 贾公子1 小时前
[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)
uni-app
俩毛豆4 小时前
【毛豆工具集】【文件】【目录操作】生成沙盒目录
前端·javascript·鸿蒙
雪芽蓝域zzs4 小时前
uniapp基于picker选择器实现年月日时分秒
uni-app
niucloud-admin5 小时前
本地开发部署——uniapp端站点部署
uni-app
kirk_wang7 小时前
Flutter flutter_sound 库在鸿蒙平台的音频录制与播放适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
2502_946204318 小时前
Cordova与OpenHarmony生长追踪系统
鸿蒙
梦想不只是梦与想8 小时前
鸿蒙中 倒计时实现方法
华为·harmonyos·鸿蒙·setinterval·texttimer
毕设源码-郭学长1 天前
【开题答辩全过程】以 基于uni-app的维修上门服务小程序设计与实现为例,包含答辩的问题和答案
uni-app
xiaohe06011 天前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts
2502_946204311 天前
Cordova与OpenHarmony社区交流系统
鸿蒙