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

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.lryc.cn/news/525229.html

相关文章:

  • Android四种方式刷新View
  • 【数学建模美赛速成系列】O奖论文绘图复现代码
  • 【27】Word:徐雅雯-艺术史文章❗
  • web端ActiveMq测试工具
  • 2025年最新深度学习环境搭建:Win11+ cuDNN + CUDA + Pytorch +深度学习环境配置保姆级教程
  • FPGA中场战事
  • [Computer Vision]实验二:图像特征点提取
  • TCP状态转移图详解
  • curl简介与libcurl开源库的使用总结
  • Win10系统部署RabbitMQ Server
  • uniapp APP端页面触发调用webview(页面为uniapp开发的H5)里的方法
  • 嵌入式知识点总结 C/C++ 专题提升(七)-位操作
  • 新星杯-ESP32智能硬件开发--ESP32的I/O组成
  • 航空航天混合动力(7)航空航天分布式电推进系统
  • AIGC视频生成明星——Emu Video模型
  • Cyber Security 101-Security Solutions-Firewall Fundamentals(防火墙基础)
  • 备赛蓝桥杯之第十五届职业院校组省赛第一题:智能停车系统
  • Docker核心命令与Yocto项目的高效应用
  • idea plugin插件开发——入门级教程(IntelliJ IDEA Plugin)
  • 61,【1】BUUCTF WEB BUU XSS COURSE 11
  • 开发环境搭建-1:配置 WSL (类 centos 的 oracle linux 官方镜像)
  • Spring Boot MyBatis Plus 版本兼容问题(记录)
  • 26. 【.NET 8 实战--孢子记账--从单体到微服务】--需求更新--用户注销、修改用户名、安全设置
  • 神经网络|(一)加权平均法,感知机和神经元
  • OpenHarmony OTA升级参考资料记录
  • 在 Kubernetes 上快速安装 KubeSphere v4.1.2
  • 【回忆迷宫——处理方法+DFS】
  • 华为OD机试真题---战场索敌
  • 计算机网络 (53)互联网使用的安全协议
  • c++算法贪心系列