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

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

相关推荐
一清三白2 小时前
《UniApp开发微信小程序:解决头部导航栏》
uni-app
Kx…………2 小时前
Day2-2:前端项目uniapp壁纸实战
前端·学习·uni-app·html·实战·项目
i200212091 天前
【Harmonyos】项目开发总结--摇杆拖动侧重实现(适用游戏摇杆)
游戏·华为·面试·harmonyos·鸿蒙·鸿蒙系统
一清三白1 天前
《uniApp-解决跨域问题》
uni-app
大叔_爱编程1 天前
wx206基于ssm+vue+uniapp的优购电商小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
ElasticPDF-新国产PDF编辑器2 天前
Uni-app PDF Annotation plugin library online API examples
pdf·uni-app
Kx…………2 天前
Uni-app入门到精通:uni-app的基础组件
前端·css·学习·uni-app·html
getyefang3 天前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH3 天前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
写雨.03 天前
鸿蒙定位开发服务
华为·harmonyos·鸿蒙