HarmonyOS应用开发工具DevEco Studio安装与使用

news/2024/7/21 12:24:14 标签: harmonyos, 华为, 鸿蒙

语雀知识库地址:语雀HarmonyOS知识库

飞书知识库地址:飞书HarmonyOS知识库

知识库内容逐步完善中…


工欲善其事必先利其器,要编写HarmonyOS应用就需要用到官方提供的IDE工具来编写相应的代码。

鸿蒙开发者官网,其提供了官方的开发IDE——DevEco Studio(最新版本3.1.1 Release) 来作为HarmonyOS应用开发

当然,为了更好的推广鸿蒙应用,在今年官方推出了集成ArkUI-X 版本的IDE(版本号 4.0 Beta2),该版本可以基于一套代码生成鸿蒙、安卓、iOS多OS的相关项目,详情请查看以下文章:

DevEco Studio集成ArkUI-X

1.下载安装包

安装包下载地址:

点击跳转下载页面

可以根据自己的操作系统选择对应版本下载。

本文以Windows安装为例,Mac安装方式相同

2. 安装

下载好后,打开安装包,进入安装界面:

img

点击Next,进入安装目录选择页面(不要出现中文或特殊字符),可以走默认路径:

img

点击Next,进入安装选项页面,按照如图所示勾选即可:

img

点击Next,进入安装页,直接点击Install:

img

耐心等待安装完成:

img

选择重启电脑,Finish:

img

重启完成后,会在桌面看到DevEco Studio的图标:

img

3.配置开发环境

双击启动,进入首次运行的欢迎页面:

img

选择Agree,进入配置导入页面,选择不导入任何配置:

img

选择要安装的Node.js和Ohpm位置,其中ohpm是Open Harmony Package Management的缩写,也就是类似npm的包管理工具。这里有几点注意事项:

  • 如果电脑上已经有Node.js,但是版本不一致,建议选择让工具重新安装
  • 如果电脑上已经有Node.js,并且版本一致,可以选择Local,指定node目录即可
  • 如果电脑上对Node.js做了一些特殊的options配置,建议先移除
  • 配置目录中不要出现中文、特殊字符,建议用默认路径

img

选择Next后,进入HarmonyOS的SDK安装目录选择页面,同样注意不要出现中文和特殊字符,建议走默认路径:

img

选择Next后,进入协议页面,全部选择Accept:

img

选择Next后,进入SDK确认信息页面:

img

直接点击Next安装即可。

4.环境错误处理

在安装的过程中,如果出现类似下面的错误:

img

一般就是因为你本地原本的Node.js配置异常导致的,建议清理环境变量中对于Node.js的配置之后再重试。

重试时无需重新安装,而是再次打开DevEco Studio,点击界面左下方的**?**按钮:

img

选择Diagnose Development Environment,即诊断开发环境选项,会进入诊断页面:

img

这里会提示安装出现问题的选项,点击异常项后面的set it up now即可重新安装。

如果所有问题都已经解决,最终重试后等待所有项都是 √ 即可:

img

当然,官方文档中也有更加详细的示例说明:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

5.helloworld

开发鸿蒙应用,需要先创建一个Project:

img

然后进入创建应用页面,选择应用模板中的Empty Ability模板:

img

填写项目信息,其中Project name、Bundle name、Save location都可以自定义:

img

点击Finish完成创建。最终开发界面如图:

img

6.应用预览

创建好的应用中已经有了基础代码,我们以后开发后可以直接在工具中预览页面样式。如图:

点击右侧的previewer选项卡,即可看到预览效果:

img

7.安装模拟器

我们也可以利用设备模拟器来查看更真实的效果。不过需要先配置模拟器。

首先,选择主菜单中的Tools,找到其中的Device Manager,即设备管理:

img

设备可以是远端设备,也可以是本地设备,我们以本地设备为例。

默认本地没有任何设备,选择install来安装一个:

img

首次点击时,会弹出一个窗口,下载必要的SDK依赖:

img

等待一段时间的下载之后,选择Finish。

进入创建模拟器页面,选择New Emulator:

img

添加手机模拟器:

img

选择api9版本,不过需要注意,首次进入此页面,需要下载手机设备需要的系统,大概2.2G,需要耐心等待:

img

下载完成后,才可以选中,然后点击Next,进入下一步:

img

finish:

img

创建完成后,在设备列表中会出现一个本地设备,点击后面的运行按钮即可启动设备模拟器:

img

启动后如图:

img

然后,在应用启动位置选择刚刚添加的模拟器:

img

点击启动,可以将应用部署到模拟器:

img

效果与预览类似:

img


http://www.niftyadmin.cn/n/5249155.html

相关文章

LeetCode-496. 下一个更大元素 I【栈 数组 哈希表 单调栈】

LeetCode-496. 下一个更大元素 I【栈 数组 哈希表 单调栈】 题目描述:解题思路一:暴力解法解题思路二:单调栈 哈希表。具体思路是利用一个栈顶小栈底大的单调栈,然后用哈希表记录上一个最大的元素,解题思路三&#xf…

EasyExcel-最简单的读写excel工具类

前言&#xff1a; easyExcel 的官网文档给的示例非常全&#xff0c;可以参考https://easyexcel.opensource.alibaba.com/docs/current/quickstart/read 在此我贴出自己的工具类&#xff0c;可以直接用 导包 <dependency><groupId>com.alibaba</groupId><…

java中BLOCKED和WAITING线程状态有什么区别?

在 Java 中&#xff0c;线程的状态包括多个状态&#xff0c;其中包括 BLOCKED 和 WAITING。这两个状态的主要区别如下&#xff1a; 1. BLOCKED&#xff08;阻塞状态&#xff09;&#xff1a; 含义&#xff1a; 线程在等待获取监视器锁&#xff08;synchronized 锁&#xff09…

易错C语言选择题

1.void main() {int a2,b5; printf("a%%d,b%%d\n"); } 结果为&#xff1a;&#xff08;&#xff09; A. a%2&#xff0c;b%5 B. a2&#xff0c;b5 C. a%%d&#xff0c;b%%d D. a%d&#xff0c;b%d 答案&#xff1a;D 2.若有说明&#x…

界面控件DevExpress中文教程 - 如何用Office File API组件填充PDF表单

DevExpress Office File API是一个专为C#, VB.NET 和 ASP.NET等开发人员提供的非可视化.NET库。有了这个库&#xff0c;不用安装Microsoft Office&#xff0c;就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS, XLSx, DOC, DOCx, RTF, CS…

H5ke14--1--拖放

介绍drag,drop 一.被拖动元素,目标(释放区) 元素要设置dragable属性:true,false,auto 被拖动元素上面有三个事件,drag,dragend,按下左键,移动种,鼠标松,这三个事件一般只用获取我们的被拖动元素 冒泡:event是可以继承的,mouseevent鼠标事件,dragevent拖放事件,前面都是一个…

基于深度学习yolov5实现安全帽人体识别工地安全识别系统-反光衣识别系统

欢迎大家点赞、收藏、关注、评论啦 &#xff0c;由于篇幅有限&#xff0c;只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 实现安全帽人体识别工地安全识别系统需要使用深度学习技术&#xff0c;特别是YOLOv5算法。下面是对基于YOLOv5实现安…

【1day】泛微e-office OA系统xml.php 文件 SORT_ID 参数 SQL 注入漏洞学习

注:该文章来自作者日常学习笔记,请勿利用文章内的相关技术从事非法测试,如因此产生的一切不良后果与作者无关。 目录 一、漏洞描述 二、影响版本 三、资产测绘 四、漏洞复现