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

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

相关推荐
七七小报11 小时前
uniapp-商城-38-shop 购物车 选好了 进行订单确认4 配送方式1
uni-app
七七小报13 小时前
uniapp-商城-39-shop 购物车 选好了 进行订单确认4 配送方式2 地址页面
uni-app
G_GreenHand13 小时前
uniapp 仿小红书轮播图效果
uni-app
性野喜悲15 小时前
uniapp返回上一页接口数据更新了,页面未更新
uni-app
冰镇生鲜17 小时前
小程序·安全·胶囊·容器组件
前端·vue.js·uni-app
盛夏绽放18 小时前
uni-app云开发总结
uni-app·云开发
halo141618 小时前
uni-app 小程序中的定位问题 以及 页面安全距离
小程序·uni-app
资深前端之路18 小时前
iphonex uniapp textarea标签兼容性处理过程梳理
uni-app
xx24061 天前
UniApp学习笔记
uni-app
七七小报2 天前
uniapp-商城-36-shop 购物车 选好了 进行订单确认2 支付方式颜色变化和颜色滤镜filter
uni-app