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

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

By Jackson@ML

0. 什么是鸿蒙Harmony OS?

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

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

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

打开Chrome浏览器,访问鸿蒙开发者官网:https://developer.harmonyos.com/cn/develop/deveco-studio, 如下图所示:
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第1张图片
看到主页面显示的HUAWEI DevEco Studio,点击立即下载:

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第2张图片
选择Windows(64-bit), 点击右侧Download进行下载;在Chrome浏览器上方,能够查看下载进度,如下图所示:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第3张图片
等到进度结束,则下载完成。

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

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第4张图片
点击Next继续。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第5张图片
点击Next继续。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第6张图片
在Installation Options(安装选项)中,复选三个选项,点击Next进行下一步。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第7张图片
点击Install开始安装。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第8张图片
开始提取安装文件,很快安装结束,如下图所示。
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第9张图片
按照默认选项, I want to manually reboot later (我想稍后手动重启), 点击Finish退出安装向导。

3. 创建Hello, world工程

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第10张图片
这是许可证协议对话框,点击Agree(同意)。
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第11张图片
选择Do not import setings,点击OK。
随即出现Huawei EcoStudio欢迎画面,如下图所示:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第12张图片

4. 环境配置

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第13张图片
复选从华为镜像网站安装Node.js, 并从默认安装路径安装Ohpm, 点击Next继续。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第14张图片
进入SDK Setup环节,点击Next继续。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第15张图片
在SDK License Agreement环节,点击Accept, 接受许可证协议条款,点击Next继续。

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第16张图片
接下来,进入到下载安装过程,包括SDK以及功能工具链等,包括安装ArkTs dependencies(ArkTs依赖), 如下图所示:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第17张图片
安装完毕,配置结果成功!出现如下对话框:
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第18张图片
点击Finish退出DevEco Studio安装配置向导。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第19张图片
此时,点击Create Project,来创建一个新项目。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第20张图片
选择第一个Empty Ability,点击Next继续下一步。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第21张图片
修改默认选项,命名项目为Hello_World, 点击Finish结束对Hello World项目的程序配置。
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第22张图片
点击Finish结束配置。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第23张图片

进入DevEco Studio的IDE界面,又自动安装扩展等插件。
看到左侧有不同的文件列表呈树形结构,点击上方Project菜单,点击Ohos,使各项分分类显示如下:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第24张图片
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第25张图片

5. 运行Hello World应用程序

阅览界面会显示手机上的预览效果,点击右侧的Preview选项卡,此时Loading Preview需要几秒钟,如下图所示:
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第26张图片
左侧的开发文件主要在ets文件夹,其下的/pages子文件夹存放页面,而index.ets是首页页面。

预览效果显示如下图:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第27张图片
右侧Hello World为手机模拟页面效果。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第28张图片
选择Tools菜单 > Device Manager, 如下图所示:

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第29张图片
点击Install, 来安装模拟器,类型是Phone(手机):

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第30张图片
于是开始SDK Components Setup(SDK组件安装),点击右下角New Emulator(新模拟器):

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第31张图片
按照Select Hardware默认选项,即Huawei手机,点击Next。

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第32张图片
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第33张图片
点击下载第一个图像,点击Next。
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第34张图片

(*细节不再详述)
直至完成。模拟器显示Hello World成功!

6. 查看ArkTS语言文档

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

2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第35张图片
2024最新版鸿蒙HarmonyOS开发工具安装使用指南_第36张图片
技术好文陆续推出,敬请关注。

您的鼓励,我的动力!

你可能感兴趣的:(DevEco,Studio,HarmonyOS,鸿蒙操作系统,harmonyos,华为)