鸿蒙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路径

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

复制代码

第四步，编译程序到鸿蒙。点击HBuilderX上方运行菜单，运行到鸿蒙 DevEco Studio。
等待 HBuilderX 编译完成，然后打开 DevEco-Studio，点击运行。
如许一个uni-app程序就编译成为了鸿蒙程序。别的，官方还提供了许多调用原生api的方式。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。