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 小时前
【共创稿事节】HarmonyOS 应用上架全流程中的隐私合规:权限最小化、数据本地化与 AppAnalyzer 体检
harmonyos·鸿蒙·隐私合规·应用上架·agc·appanalyzer
华玥作者13 小时前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
FinelyYang14 小时前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
熊猫钓鱼>_>15 小时前
三方库 NDK 原生模块跨平台适配与调试【鸿蒙心迹】
开发语言·华为·ai编程·harmonyos·鸿蒙·openharmony·鸿蒙心迹
2501_9160088915 小时前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
ModyQyW1 天前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz2468591 天前
uniapp vue3 小程序开发注意事项
uni-app
罗四强1 天前
第2篇:环境搭建:DevEco Studio 安装 + 第一个 Hello World
harmonyos·鸿蒙·鸿蒙系统
雪芽蓝域zzs2 天前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人62 天前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html