鸿蒙5.0开发实战：使用uni-app开发鸿蒙应用

往期鸿蒙全套实战精彩文章必看内容：

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

昨天和一位友友聊天时发现uni-app已经支持开发鸿蒙应用了，小编研究了一下，今天跟大家做个分享。

首先要配置好鸿蒙开发环境，这里需要DevEco Studio 5.0.3.400以上，鸿蒙api版本12以上，也就是说需要先申请鸿蒙NEXT系统开发权限。并配置好模拟器或真机。

uni-app方面，HbuilderX版本需要在4.22以上，开发语言Vue3。重点要看看运行菜单有没有鸿蒙选项。

第一步，下载uni-app官方提供的鸿蒙离线SDK，解压后在DevEco-Studio中打开并运行程序。

第二步，配置路径。在Hbuilder的用户设置里配置DevEco Studio路径。

Mac用户可以按住option单机右键复制文件路径：

第三步，配置uni-app工程

1、HBuilderX 新建一个空白的 uniapp 项目，选vue3

2、在 manifest.json 文件中配置鸿蒙离线SDK路径

"app-harmony": {
    "projectPath": "第一步的鸿蒙离线SDK解压地址/package"
}

第四步，编译程序到鸿蒙。点击HBuilderX上方运行菜单，运行到鸿蒙 DevEco Studio。

等待 HBuilderX 编译完成，然后打开 DevEco-Studio，点击运行。

这样一个uni-app程序就编译成为了鸿蒙程序。另外，官方还提供了很多调用原生api的方式。