目录

第一讲_HarmonyOS应用开发环境准备

第一讲_HarmonyOS应用开发环境准备

HarmonyOS应用开发环境准备

1. 知识储备

HarmonyOS 提供了一套 UI 开发框架,即方舟开发框架( ArkUI 框架)。方舟开发框架可为开发者提供应用 UI 开发所必需的能力。

ArkTSHarmonyOS 优选的主力应用开发语言。ArkTS围绕应用开发在 TypeScript 生态基础上做了进一步扩展,继承了 TypeScript 的所有特性,是 TypeScript 的超集。

TypeScript 是通过在 JavaScript 的基础上添加静态类型定义构建而成。

因此,在进行 HarmonyOS 应用开发之前,需要掌握以下三种语言:

  • JavaScript
  • TypeScript
  • ArkTS

不具备以上基础的开发同学,也不用担心。可以持续关注下我的博客,接下来我会写一系列关于HarmonyOS应用开发的博文,从ArkTS语言基础开始。共同学习、共同探讨、共同进步,熟练的掌握HarmonyOS应用开发的技能。

2. 环境搭建

2.1 安装node.js

node.js 安装包下载地址:

https://i-blog.csdnimg.cn/blog_migrate/cd2e095f358bf2897514d75ed8766dbc.png#pic_center

ps:下载LTS版本即可,当前最新版本可能不太稳定。

注意事项:DevEco Studio 支持的node.js版本范围v14.19.1 to v16

2.2 配置node.js

  • 安装完 node.js ,可以查看 node.jsnpm 的版本。
# 查询node.js版本号
node -v

# 查询npm的版本号
npm -v
  • 配置npm仓库的地址信息。
npm config set registry https://repo.huaweicloud.com/repository/npm/

2.3 安装命令行工具

该命令行工具集合了 HarmonyOS 应用开发所用到的系列工具,包括 SDK 管理 sdkmgr 、代码检查 codelinter 、三方库的包管理 ohpm

https://i-blog.csdnimg.cn/blog_migrate/a8b18fa03ff37b0d191c24380ed82983.png#pic_center

  1. 命令行工具安装包下载,下载地址:
  2. 解压文件,进入“ohpm/bin”目录,执行如下指令初始化ohpm。
    • Windows 系统执行 init.bat
    • macOS 系统执行 ./init.sh
  3. ohpm配置到环境变量中。
    • Windows 环境变量配置:电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,将ohpm命令行工具的bin目录路径添加到PATH变量中。

    • macOS 环境变量配置:

      export OHPM_HOME=ohpm的安装路径

      export PATH=${OHPM_HOME}/bin:${PATH}

  4. 安装完成之后,执行如下命令: ohpm -v

2.4 安装DevEco Studio

HUAWEI DevEco Studio 是 HarmonyOS 应用开发的官方指定工具。

HUAWEI DevEco Studio 安装包下载地址:

https://i-blog.csdnimg.cn/blog_migrate/ad9a592cac11329c84331d08ad706df6.png#pic_center

2.5 配置DevEco Studio

  1. 运行已安装的DevEco Studio,选择Do not import settings,单击OK。
  2. 安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm(选择Local)。

https://i-blog.csdnimg.cn/blog_migrate/589504d7d8da7047f3bc7434efb07b46.png#pic_center 3. 在SDK Setup界面,单击按钮,设置HarmonyOS SDK存储路径,单击Next进入下一步。

https://i-blog.csdnimg.cn/blog_migrate/aa38e4d4a9cd9737f7517e08c3369f34.png#pic_center

  1. 在弹出的SDK下载信息页面,单击Next,并在弹出的License Agreement窗口,阅读License协议,需同意License协议后,单击Next。

https://i-blog.csdnimg.cn/blog_migrate/a6c458550e0020881b0692f524603a3e.png#pic_center

  1. 确认设置项的信息,点击Next开始安装。

https://i-blog.csdnimg.cn/blog_migrate/6dc863a9204b4fe2d1570301f8fa9bc5.png#pic_center