目录

2024最新版鸿蒙HarmonyOS开发工具安装使用指南

2024最新版鸿蒙HarmonyOS开发工具安装使用指南

2024最新版鸿蒙HarmonyOS开发工具安装使用指南

By Jackson@ML

0. 什么是鸿蒙Harmony OS?

华为鸿蒙系统(HUAWEI Harmony OS),是华为公司在2019年8月9日于东莞举行的华为开发者大会(HDC.2019)上正式发布的分布式操作系统。

华为鸿蒙系统是一款全新的面向全场景的分布式操作系统,创造一个超级虚拟终端互联的世界,将人、设备、场景有机地联系在一起,将消费者在全场景生活中接触的多种智能终端,实现极速发现、极速连接、硬件互助、资源共享,用合适的设备提供场景体验。

1. 下载鸿蒙Harmony OS开发工具

打开Chrome浏览器,访问鸿蒙开发者官网: , 如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/187f8b2ea975bfec4dc9fece466f92f9.png

看到主页面显示的HUAWEI DevEco Studio,点击立即下载:

进入鸿蒙开发工具下载页面。看到排列在最上方的是鸿蒙开发工具IDE: DevEco Studio 3.11版本下载区域。

https://i-blog.csdnimg.cn/blog_migrate/f7aacf12ab6446d4773c93932659428f.png

选择Windows(64-bit), 点击右侧Download进行下载;在Chrome浏览器上方,能够查看下载进度,如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/23f1151419bf2cb94c2abd3ed9f4dea2.png

等到进度结束,则下载完成。

2. 安装鸿蒙Harmony OS开发工具

下载完毕后,在Windows下载文件夹里,找到 deveco-studio-3.1.0.501.exe 安装可执行文件。双击它开始安装向导。

https://i-blog.csdnimg.cn/blog_migrate/98f86d4e37bdef8199d1763d0160353c.png

点击Next继续。

https://i-blog.csdnimg.cn/blog_migrate/4b8ea775a2454e9af0be047acde3d103.png

点击Next继续。

https://i-blog.csdnimg.cn/blog_migrate/89a3535b5c6fdfe57960b111a5f24764.png

在Installation Options(安装选项)中,复选三个选项,点击Next进行下一步。

https://i-blog.csdnimg.cn/blog_migrate/bc057af214801330179a63bdd1acc88b.png

点击Install开始安装。

https://i-blog.csdnimg.cn/blog_migrate/46a53a76ec08793548423e5629237654.png

开始提取安装文件,很快安装结束,如下图所示。

https://i-blog.csdnimg.cn/blog_migrate/e707a274553919342ae58fd2fe3a0de9.png

按照默认选项, I want to manually reboot later (我想稍后手动重启), 点击Finish退出安装向导。

3. 创建Hello, world工程

在Windows搜索栏中,搜索关键字DevEco Studio, 点击 以管理员身份运行, 打开该程序,如下图:

https://i-blog.csdnimg.cn/blog_migrate/19e955c6e4b00f4983c0d41296294bef.png

这是许可证协议对话框,点击Agree(同意)。

https://i-blog.csdnimg.cn/blog_migrate/362c51fedbbfcbc595b54f0b5cecf7d8.png

选择Do not import setings,点击OK。

随即出现Huawei EcoStudio欢迎画面,如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/636db9f14eaf80840ba30e43167ccf38.png

4. 环境配置

进入DevEco Studio的环境配置,如下图:

https://i-blog.csdnimg.cn/blog_migrate/9acfda4ef8c7fb37a94ae9e69e3b0a5f.png

复选从华为镜像网站安装Node.js, 并从默认安装路径安装Ohpm, 点击Next继续。

https://i-blog.csdnimg.cn/blog_migrate/1a9d67b112eb81e9d1a295abff03a8dd.png

进入SDK Setup环节,点击Next继续。

https://i-blog.csdnimg.cn/blog_migrate/b229a8cc09f6a15bd0496218aadd8460.png

在SDK License Agreement环节,点击Accept, 接受许可证协议条款,点击Next继续。

预览确认后,点击Next继续下一步。

https://i-blog.csdnimg.cn/blog_migrate/64a184627039ced477d69897bc6ff54c.png

接下来,进入到下载安装过程,包括SDK以及功能工具链等,包括安装ArkTs dependencies(ArkTs依赖), 如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/ba5f0b55aebcdc93156ec14f9ea9304e.png

安装完毕,配置结果成功!出现如下对话框:

https://i-blog.csdnimg.cn/blog_migrate/6b27bd567f1fddea649b3bb19ddfced4.png

点击Finish退出DevEco Studio安装配置向导。

https://i-blog.csdnimg.cn/blog_migrate/1115e562183e133e1f414ea3130babcd.png

此时,点击Create Project,来创建一个新项目。

https://i-blog.csdnimg.cn/blog_migrate/e102d1e4fe986fdcd5b978f940abf995.png

选择第一个Empty Ability,点击Next继续下一步。

https://i-blog.csdnimg.cn/blog_migrate/cfbe7dcae56ce0dab44ec5dcb2dcb0d7.png

修改默认选项,命名项目为Hello_World, 点击Finish结束对Hello World项目的程序配置。

https://i-blog.csdnimg.cn/blog_migrate/715fef47c0b4bafe65ab0b4fb1232dc6.png

点击Finish结束配置。

https://i-blog.csdnimg.cn/blog_migrate/9a6013a9a6ae2ce46cd349acb496b145.png

进入DevEco Studio的IDE界面,又自动安装扩展等插件。

看到左侧有不同的文件列表呈树形结构,点击上方Project菜单,点击Ohos,使各项分分类显示如下:

https://i-blog.csdnimg.cn/blog_migrate/31f44122d67a8d45dcadb33b59e69f7a.png

https://i-blog.csdnimg.cn/blog_migrate/1e96e5edbc40c00bcfb00688e1701ae1.png

5. 运行Hello World应用程序

阅览界面会显示手机上的预览效果,点击右侧的Preview选项卡,此时Loading Preview需要几秒钟,如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/32d4b227af51dd6102966e314e3388e4.png

左侧的开发文件主要在ets文件夹,其下的/pages子文件夹存放页面,而index.ets是首页页面。

预览效果显示如下图:

https://i-blog.csdnimg.cn/blog_migrate/96352c0c0907592d74a153061ec317dc.png

右侧Hello World为手机模拟页面效果。

https://i-blog.csdnimg.cn/blog_migrate/5dd27638322ffed0c6e97567d74d7177.png

选择Tools菜单 > Device Manager, 如下图所示:

https://i-blog.csdnimg.cn/blog_migrate/24087a07993c26aafca00a53da74d7fa.png

点击Install, 来安装模拟器,类型是Phone(手机):

https://i-blog.csdnimg.cn/blog_migrate/617d71c4d1e5d6eae0b309cde2de5661.png

于是开始SDK Components Setup(SDK组件安装),点击右下角New Emulator(新模拟器):

https://i-blog.csdnimg.cn/blog_migrate/76880ae6866a7575551afaf3821e876b.png

按照Select Hardware默认选项,即Huawei手机,点击Next。

https://i-blog.csdnimg.cn/blog_migrate/7e22a39f8b2730bea9901e4b290fa3eb.png

https://i-blog.csdnimg.cn/blog_migrate/70d458fa52b1d2cf3d082118fd9b1338.png 选择第一个选项,即API 9版本,点击Next。

接下来,继续SDK Components Setup (SDK组件安装)环节。

https://i-blog.csdnimg.cn/blog_migrate/6b5f4d83593c197d179561d316fa06f7.png

https://i-blog.csdnimg.cn/blog_migrate/6efc1c946d78e8700a6a724c91f2e4f6.png

进一步完成满足这个要求的SDK Components Setup, 点击Finish退出安装向导。

安装这个手机模拟器组件后,出现可选的界面,选择安装好的它,点击Next。

https://i-blog.csdnimg.cn/blog_migrate/7cf4f708e9d6e2ba3f42fd29f2929369.png

自定义新的手机模拟器为Jackson_Huawei_Phone, 点击 Finish。

https://i-blog.csdnimg.cn/blog_migrate/2fa9dd5952d4930559c2de43d1f79f1c.png

该手机被创建!它出现在对话框列表中,如下图:

https://i-blog.csdnimg.cn/blog_migrate/62bb0e1dd6998739bfda438fdec5ab00.png

完成后,点击右侧的 |> Actions 按钮,运行该模拟器,等待手机开机。

https://i-blog.csdnimg.cn/blog_migrate/45b33e674b6fba9ab82aa50610059634.png

伴随着华为鸿蒙悦耳的声音,手机开机。

待HarmonyOS Logo出现后,开机完毕。

点击右上方运行按钮,

屏幕会成功显示Hello World!

6. 查看ArkTS语言文档

用于鸿蒙系统编程语言是ArkTS语言。

https://i-blog.csdnimg.cn/blog_migrate/bdcdec00f311ad981c369c7d62150856.png

https://i-blog.csdnimg.cn/blog_migrate/11f09cbd33f6b68ddd279a34a110f32f.png

技术好文陆续推出,敬请关注。

您的鼓励,我的动力! 😃