vue3+uniapp开发鸿蒙初体验

去年7月20号,uniapp官网就已经开始支持鸿蒙应用开发了,话不多说,按照现有规则进行配置实现一下鸿蒙开发效果;

本文基于macOS Monterey 版本 12.6.5实现

开发鸿蒙的前置准备

这里就直接说我的版本:

  1. DevEco Studio 5.0.1 Release(Build Version
    5.0.5.315)下载地址
  2. HbuilderX 4.36 历史版本
  3. 鸿蒙系统版本 API 12 以上 (DevEco-Studio有内置鸿蒙模拟器)

启动鸿蒙模拟器

  1. 下载 uni-app 鸿蒙离线SDK template-1.3.4.tgz (下载地址:https://web-ext-storage.dcloud.net.cn/uni-app/harmony/zip/template-1.3.4.tgz)
  2. 解压刚下载的压缩包,将解压后的模板工程在 DevEco-Studio 中打开


    打开选择device manager



创建uni-app工程

  1. BuilderX 新建一个空白的 uniapp 项目,选vue3

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

复制到这里



总结

至此我们就有一个鸿蒙项目了,windows或者其他问题可以参考官网

https://uniapp.dcloud.net.cn/tutorial/harmony/runbuild.html

相关推荐
特立独行的猫a22 分钟前
鸿蒙PC三方库编译libiconv链接报错,解决 libtool 链接参数丢失问题过程总结
harmonyos·交叉编译·libiconv·三方库·鸿蒙pc·libtool
哈__43 分钟前
Flutter 开发鸿蒙 PC 第一个应用:窗口创建 + 大屏布局
flutter·华为·harmonyos
特立独行的猫a1 小时前
鸿蒙PC命令行及三方库libiconv移植:鸿蒙PC生态的字符编码基石
harmonyos·交叉编译·libiconv·三方库移植·鸿蒙pc
一壶纱1 小时前
UniApp + Pinia 数据持久化
前端·数据库·uni-app
以太浮标4 小时前
华为eNSP模拟器综合实验之- PPP协议解析及配置案例
运维·网络·华为·信息与通信
不爱学英文的码字机器4 小时前
【鸿蒙PC命令行适配】基于OHOS SDK直接构建xz命令集(xz、xzgrep、xzdiff),完善tar.xz解压能力
华为·harmonyos
特立独行的猫a5 小时前
[鸿蒙PC命令行程序移植实战]:交叉编译移植最新openSSL 4.0.0到鸿蒙PC
华为·harmonyos·移植·openssl·交叉编译·鸿蒙pc
酒醉的胡铁6 小时前
uniapp解决video组件在ios上全屏页面旋转90度,组件旋转180度
ios·uni-app
特立独行的猫a7 小时前
[鸿蒙PC命令行适配] 移植Aria2文件下载神器最新版到鸿蒙PC的完整教程 (附可运行程序)
harmonyos·移植·交叉编译·aria2·鸿蒙pc
2501_915918418 小时前
iOS App的tcp、udp数据包抓取在实际开发中的使用方式
android·tcp/ip·ios·小程序·udp·uni-app·iphone