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

uniapp vue3 转换华为鸿蒙(以及问题一些解决方案)

         主要是从 Windows系统配置 、配置离线SDK和DevEco-StudioHBuilderX、三方面进行配置。

         因为我也是之前写小程序的用uniapp vue3 写的看官网(uni-app 开发鸿蒙应用 | uni-app官网)的时候看到vue3 uniapp 写法可以转换华为鸿蒙开发,我就自己来尝试一下,以及一下是一些记录。

     这是转换好的

1、转换要求

  1. 鸿蒙开发只支持Vue3,不支持Vue2、不支持plus、但支持nvue
  2. DevEco-Studio 5.0.3.400 以上 下载地址(作为鸿蒙开发)
  3. 鸿蒙系统版本 API 12 以上 (DevEco-Studio有内置鸿蒙模拟器)
  4. HBuilderX-alpha-4.22 以上

2、Windows系统配置

       如使用模拟器则需要开启以下功能

  1. Hyper-V
  2. Windows 虚拟机监控程序平台
  3. 虚拟机平台

     注意: 需要win10专业版或win11专业版才能开启以上功能,家庭版需先升级成专业版或企业版

 (1)打开设置进入控制面板

  (2)点击程序

  (2)启用或者关闭window功能

       并且勾选三个选项。

 3配置离线SDK和DevEco-Studio

  1. 下载 uni-app 鸿蒙离线SDK template-1.3.5.tgz 下载地址

  2. 解压刚下载的压缩包,将解压后的模板工程在 DevEco-Studio 中打开

  3. 等待 Sync 结束,再 启动鸿蒙模拟器 或 连接鸿蒙真机

 (1)SDK下载后解压

可以看到packge文件夹

  (2)创建一个文件夹sdk

     一个项目对应一个SDK,比如我的项目叫uniapporbNoEcharts 将package 拷贝到sdk文件中 然后改成自己项目名称uniapporbNoEcharts

   (3)打开DevEco-Studio

导入刚才下载的sdk文件  就是上图我修改的这个名称uniapporbNoEcharts

这个导入的不是咱们uniapp的项目注意注意注意!!!!!!  是下载的sdk文件

(4)启动鸿蒙模拟器

因为启动模拟器要登录华为账号,注册登录一下即可了

(5)选择模拟器型号 

登录成功后会看到该页面

选择模拟器型号,选第一个即可 (因为我下载过了,第一次是需要下载的

(5)启动按钮启动模拟器 

如果页面时一下页面说明就启动成功了

 (5)配置签名

点击 DevEco-Studio 上方菜单 File - Project Structure...   按照上面要求配置就可以了

在弹出的窗体中选择 Project - Signing Configs 并打钩 Automatically generate signature,即可自动生成签名

最后依次点击 Apply 和 OK 使签名生效   (到这里DevEco-Studio配置就结束了end)

 3配置HBuilderX

(1)配置 HBuilderX settings.json

打开HBuilderX,点击上方菜单 - 工具 - 设置,在出现的弹窗右侧窗体新增如下配置

 注意:值填你自己的 DevEco-Studio 启动路径(因为我自己填错了找了很久!!!!)

"harmony.devTools.path" : "D:/Huawei/DevEco Studio"

 大家可以根据路径去找一找想我这样,看见这样的结构就可以了

 

 (2)配置项目 uni-app 工程

这里配置是根据你的项目,首先你可以新建工程,也可以用你的工程都可以,但是用自己的工程会有很多不兼容性得自己去慢慢找,这里我就用自己的工程

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

这个路径是我当时下载的sdk 路径, 是package修改为uniapporbNoEcharts

注意注意注意着不是uniapp的项目路径是sdk的路径!!!!因为自己也写错了

"app-harmony": {"projectPath": "C:/Users/wuyongyi/Desktop/prop/sdk/uniapporbNoEcharts"
}

 (2)转换到鸿蒙DevEco-Studio

在这里你要先点击一下左侧的项目,然后点击运行到鸿蒙才可以

 打开控制台HBuilderX 运行转换没有报错,说明就成功了

如果没有出现此菜单,请确认你的 HBuilderX 版本是否是 4.22 及以上 一定要升级

 4、转换成功

返回刚才打开的DevEco-Studio 界面,点击左上角开始按钮(下图我标红框地方)

 下方控制台没有报错,且显示正常,这就算正常转换了,成功了

  5、常见问题

uni-app 开发鸿蒙应用 | uni-app官网

一些基本的问题都在官方手册都有,以后会完善我遇到的一些问题重新记录

大家如果有什么遇到什么问题也可以在下方留言,我都会一一回复

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 基于javaweb的乡村旅游网站/旅游网站的设计与实现
  • html5各行各业官网模板源码下载(3)
  • 【EtherCAT】Windows+Visual Studio配置SOEM主站——静态库配置+部署
  • 暑期数据结构 空间复杂度
  • GPT-4o mini模型:小型化AI解决方案的创新应用案例
  • LeetCode.27.移除元素
  • JVM(面试用)
  • Aigtek超声功率放大器在建筑结构检测中的应用
  • 企业需要了解的平滑替代FTP 的文件传输软件知识
  • 2.1 Python的语法特点
  • 尚硅谷谷粒商城项目笔记——八、安装node.js【电脑CPU:AMD】
  • CUDA是什么?工作原理是什么?
  • spring+SSM+Mybatis面试题(上)(30道)
  • 【北京仁爱堂】痉挛性斜颈的“清淡饮食”,不是让你只吃素,很多患者都误解了!
  • *算法训练(leetcode)第四十天 | 647. 回文子串、516. 最长回文子序列
  • 4. 路由到控制器 - Laravel从零开始教程
  • crontab执行失败的多种原因
  • JDK9: 集成 Jshell 和 Maven 项目.
  • MySQL用户中的%到底包不包括localhost?
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • pdf文件如何在线转换为jpg图片
  • Sass Day-01
  • vue 配置sass、scss全局变量
  • vue总结
  • 阿里研究院入选中国企业智库系统影响力榜
  • 大主子表关联的性能优化方法
  • 代理模式
  • 电商搜索引擎的架构设计和性能优化
  • 分享几个不错的工具
  • 前端js -- this指向总结。
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 入门级的git使用指北
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • ​如何防止网络攻击?
  • ​业务双活的数据切换思路设计(下)
  • #NOIP 2014# day.2 T2 寻找道路
  • #pragma预处理命令
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (27)4.8 习题课
  • (Spark3.2.0)Spark SQL 初探: 使用大数据分析2000万KF数据
  • (回溯) LeetCode 77. 组合
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (三) diretfbrc详解
  • (十三)Flask之特殊装饰器详解
  • (四)Linux Shell编程——输入输出重定向
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (一)WLAN定义和基本架构转
  • (转) SpringBoot:使用spring-boot-devtools进行热部署以及不生效的问题解决
  • (转)菜鸟学数据库(三)——存储过程
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .net 重复调用webservice_Java RMI 远程调用详解,优劣势说明
  • .NET开源、简单、实用的数据库文档生成工具
  • .vimrc 配置项