HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区-51CTO.COM

HarmonyOS 十分钟快速入门教程|和车神哥一起学 原创

府学路18号车神
发布于 2022-1-18 18:15
浏览
0收藏

春节不停更,此文正在参加「星光计划-春节更帖活动」https://harmonyos.51cto.com/posts/9923


@TOC

开发鸿蒙,其实和其他的开发都大同小异,来来来,成为王者的第一步,从这里开始!~

开发前准备

任务说明

通过构建一个简单的具有页面跳转功能的应用(如下图预览器运行效果所示),熟悉HarmonyOS应用开发流程。

为确保运行效果,本文以使用DevEco Studio 3.0 Beta2版本为例。

HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

我们需要知道,HarmonyOS提供了两种FA(Feature Ability)的UI开发框架:Java UI框架和方舟开发框架。

没有对比就没有伤害:

  • Java UI框架提供了细粒度的UI编程接口,UI元素更丰富,使应用开发更加灵活。
  • 方舟开发框架提供了相对高层的UI描述,使应用开发更加简单。

对于DevEco Studio V2.2 Beta1及更高版本,在使用JS语言开发时,支持选择使用低代码方式。低代码开发方式遵循HarmonyOS JS开发规范,具有丰富的UI界面编辑功能,通过可视化界面开发方式快速构建布局,可有效降低用户的上手成本并提升用户构建UI界面的效率。

开发小天使

开始前请参考下载与安装软件、配置开发环境,完成DevEco Studio的安装和开发环境配置。

下载与安装软件

DevEco Studio支持Windows和macOS系统,下面将针对两种操作系统的软件安装方式进行介绍。
DevEco Studio的编译构建依赖JDK,DevEco Studio预置了Open JDK,版本为1.8,安装过程中会自动安装JDK。

  1. 进入HUAWEI DevEco Studio产品页,点击下载列表后的按钮,下载DevEco Studio。
  2. 下载完成后,双击下载的“deveco-studio-xxxx.exe”,进入DevEco Studio安装向导,在如下安装选项界面勾选DevEco Studio后,点击Next,直至安装完成。

HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  1. 安装完成后,点击Finish完成安装。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

当然,如果你是mac用户,相信你一定也是个小机灵鬼儿!

配置开发环境

下载&更新HarmonyOS SDK

DevEco Studio提供SDK Manager统一管理SDK及工具链,下载各种编程语言的SDK包时,SDK Manager会自动下载该SDK包依赖的工具链。

第一次使用DevEco Studio,需要下载HarmonyOS SDK及对应工具链。如果是非首次安装DevEco Studio,SDK下载和更新方法请参考更新HarmonyOS SDK。

  1. 运行已安装的DevEco Studio,首次使用,请选择Do not import settings,点击OK。
  2. 进入配置向导页面,设置npm registry,DevEco Studio已预置对应的仓,直接点击Start using DevEco Studio进入下一步。

HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  1. DevEco Studio向导指引开发者下载SDK,默认下载OpenHarmony SDK。SDK下载到user目录下,也可以指定对应的存储路径,SDK存储路径不支持中文字符,然后点击Next。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  2. 在弹出的SDK下载信息页面,点击Next,并在弹出的License Agreement窗口,点击Accept开始下载SDK。

HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  1. 等待OpenHarmony SDK及工具下载完成,点击Finish,界面会进入到DevEco Studio欢迎页。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  2. 点击欢迎页中的Configure(或图标) > Settings > SDK Manager > HarmonyOS Legacy SDK,然后点击Edit设置HarmonyOS SDK存储路径。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  3. 设置HarmonyOS Legacy SDK Location存储路径,然后点击Next。请注意,该路径不能与OpenHarmony SDK存储路径相同,否则会导致OpenHarmony SDK的文件被删除。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

  4. 在弹出的SDK下载信息页面,点击Next,并在弹出的License Agreement窗口,点击Accept开始下载SDK。

  5. 下载完成后,点击Finish。自此,HarmonyOS SDK就安装完成了。
    HarmonyOS 十分钟快速入门教程|和车神哥一起学-鸿蒙开发者社区

SDK默认只会下载最新版本的Java SDK、JS SDK、Previewer和Toolchains,点击上图欢迎页中的Configure(或图标) > Settings > SDK Manager > HarmonyOS Legacy SDK,进入HarmonyOS Legacy SDK页面,可以下载其它组件,只需要勾选对应的组件包,然后点击Apply即可。

上面一顿操作猛如虎之后,是不是感觉已经上来了,那么来杯咖啡,冷静一下,马上进入实战。

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
分类
已于2022-1-19 10:29:44修改
1
收藏
回复
举报
回复
    相关推荐