当前位置: 首页 > article >正文

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


http://www.kler.cn/a/513976.html

相关文章:

  • node.js 文件操作
  • .NET 8 项目 Docker 方式部署到 Linux 系统详细操作步骤
  • 【22】Word:小李-高新技术企业政策❗
  • pthread_exit函数
  • gitlab使用多数据库
  • 二十三种设计模式-装饰器模式
  • 【图像处理】——掩码
  • C#防止重复提交
  • Unity中两个UGUI物体的锚点和中心点设置成不一样的,然后怎么使两个物体的位置一样?
  • vsftpd虚拟用户部署
  • MATLAB中characterListPattern函数用法
  • 【爱上C++】vector用法详解
  • 案例分析一
  • MySQL新建和删除普通用户
  • Mac苹果电脑 怎么用word文档和Excel表格?
  • 如何使用Python爬虫获取微店商品详情:代码示例与实践指南
  • 《C++ primer plus》第六版课后编程题-第04章
  • 【王树森搜素引擎技术】概要03:搜索引擎的评价指标
  • 【ESP32】ESP32连接JY61P并通过WIFI发送给电脑
  • 软件测试 —— Postman(全局变量和环境变量,请求前置脚本,关联)
  • android studio 工具.gradle目录修改
  • 【Go语言圣经】第三节:基础数据类型
  • No. 34 笔记 | Python知识架构与数据类型相关内容 | 实操
  • postgresql清理wal日志
  • k8s的CICD实施项目
  • 基于微信小程序的民宿预订管理系统