uniapp——配置鸿蒙环境,进行真机调试

文章目录


背景

出于好奇的缘故,准备试一下使用uniapp怎么开发鸿蒙。是否如flutter适配鸿蒙一般的丝滑,还是更简单一些。

准备

1.安装HBuilderX

需要先有uniapp的环境,不得不说uniapp的配置还是很便捷的,需要下载一个HBuilderX就行,并且对电脑的要求不高,我用的是windows,还是一个8G的内存,运行起来也是很流程,没有遇到卡顿的情况。

一定要下载HBuilderX,因为我们要运行鸿蒙APP,并且要在真机上演示。

2.安装DevEco Studio

当然鸿蒙的环境自然不能少了,一如既往的简单,同样下载DevEco-studio就好了,基于我电脑的配置相抵较低,我没有下载高版本的IDE,我这里就下载一个5.0.0就好了,下载完成后,需要下载SDK。然后就没有然后了。配置Path什么的,在安装的时候就已经配置好了。

windows配置

1.HBuilderX配置DevEco Studio

打开HBuilderX,点击工具-》设置,找到运行配置,在鸿蒙运行配置下面,设置好DevEco Studio的安装路径就好了,如下图

如果不知道DevEco Studio的安装路径怎么找,很简单,在桌面上找到DevEco Studio的快捷方式点击右键,通过右键菜单找到目标,复制里面的内容就好了。

2.创建支持鸿蒙的项目

打开HBuilderX,文件-》新建-》项目,如下图默认第一个uni-app就行,填写项目名,然后创建。就是这么简单。

3.鸿蒙真机调试

无论是通过USB线,还是无线方式,都需要先连接的手机,打开手机的USB调试模式。

打开HBuilderX,运行-》运行到手机或模拟器-》运行到鸿蒙,这个时候就可以进行愉快的真机调试了。

如下图

Mac配置

基本上和windows是一样的,我就说不同的地方吧。

HBuilderX配置DevEco Studio

在Mac中的HBuilderX的运行配置是在HBuilder菜单-》偏好设置-》运行配置进行设置。

相关推荐
ZZZMMM.zip4 小时前
基于鸿蒙HarmonyOS NEXT开发AI英语口语应用:智能口语练习新体验与鸿蒙Flutter框架跨端实
人工智能·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
心中有国也有家5 小时前
AtomGit Flutter 鸿蒙客户端:白噪音场景的视觉设计
学习·flutter·华为·harmonyos
最爱老式锅包肉5 小时前
《HarmonyOS技术精讲-ArkGraphics 2D(方舟2D图形服务)》第九篇:数据可视化——柱状图与饼图的绘制实战
华为·信息可视化·harmonyos
心中有国也有家5 小时前
AtomGit Flutter 鸿蒙客户端:呼吸练习的完整生命周期
学习·flutter·华为·harmonyos
绝世番茄6 小时前
登录表单布局:从 Column 到完整表单 —— 鸿蒙 HarmonyOS ArkTS 原生学习指南
华为·list·harmonyos·鸿蒙
不才难以繁此生6 小时前
HarmonyOS ArkTS 实战|中式美食用户行为数据:Preferences 持久化、搜索缺口与候选排序
harmonyos·arkts·用户行为分析·preferences·中式美食·arkui v2
智塑未来6 小时前
鸿蒙系统对比安卓、iOS,核心优势是什么?
android·ios·harmonyos
心中有国也有家7 小时前
AtomGit Flutter 鸿蒙客户端:呼吸球动画
学习·flutter·华为·harmonyos
ZZZMMM.zip8 小时前
信息压缩站-长文智能摘要的HarmonyOS开发实践
人工智能·华为·harmonyos·鸿蒙·鸿蒙系统
绝世番茄8 小时前
VisualEffect 视觉特效鸿蒙HarmonyOS ArkTS原生学习
学习·华为·harmonyos·鸿蒙