鸿蒙开发者工具的安装

346 阅读5分钟

鸿蒙开发者工具的安装

鸿蒙开发使用的 IDE 是 DevEco Studio,比如 Java 开发使用 IDEA

我们从安装到测试可用性大概分为以下几个步骤

  1. 下载安装包
  2. 安装开发者工具
  3. 配置和安装所需环境
  4. 创建 Hello World 工程进行测试
  5. 测试预览项目
  6. 安装模拟器
  7. 测试模拟器的可用性

1.下载安装包

开发者工具下载地址:HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者

可以根据自己的操作系统下载不同的安装包

2.安装

打开安装包,进入安装界面

image-20231206222556457

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

image-20231206222637064

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

image-20231206222828321

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

image-20231206222909974

耐心等待安装完成:

image-20231206222928798

安装完成后,会在桌面看到图标:

image-20231206223027959

3.配置开发环境

启动程序,进入首次启动的欢迎界面:

image-20231206223116651

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

image-20231206223150304

选择要安装的 Node.js 和 Ohpm 位置:

  • 如果电脑已经有了其他版本的 Node.js,建议选择让工具重新安装
  • 如果电脑上有了一致版本的 Node.js,可以选择 Local,指定目录即可
  • 如果电脑上有了一致版本的 Node.js,但是做了特殊的 optios 配置,建议先移除
  • 配置目录不要出现中文、特殊字符等

win 系统推荐使用 nvm进行 Node.js进行版本管理,可以使用命令行切换 Node.js 版本

image-20231206223721239

HarmonyOS的SDK安装目录选择页面,同样注意不要出现中文和特殊字符:

image-20231206223957798

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

image-20231206224037936

选择Next后,进入SDK确认信息页面,直接点击Next安装即可:

image-20231206224302482

4.环境错误处理

如果没有错误可跳过该步骤

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

image-20231206224411625

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

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

image-20231206224452051

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

image-20231206224520415

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

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

image-20231206224541458

5.创建和运行Hello World

DevEco Studio配置开发环境完成后,可以通过运行Hello World工程来验证环境设置是否正确。接下来以创建一个Phone设备的工程为例进行介绍

5.1创建一个新工程

  1. 打开DevEco Studio,在欢迎页单击Create Project,创建一个新工程。
  2. 根据工程创建向导,选择创建Application应用或Atomic Service元服务。选择“Empty Ability”模板,然后单击Next

image-20231206224723524

3.填写工程各种信息,一般保持默认即可,随手单击 Finish

image-20231206224809832

工程创建完成后,DevEco Studio会自动进行工程的同步。

5.2运行Hello World

Hello World工程可以运行在模拟器中,或者运行在真机设备中。本示例以选择将Hello World工程运行在模拟器中

5.3应用预览

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

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

image-20231206225237710

5.3安装模拟器

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

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

image-20231206225357316

设备可以说远端设备,可以是本地设备,我以本地设备为例子

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

image-20231206225551435

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

image-20231206225610748

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

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

添加手机模拟器:

image-20231206225720171

这三个模拟器分别是手机、电视、手表,这里我选择手机模拟器:

image-20231206225813985

单击 Next,首次安装会下载资源,等待即可:

image-20231206225947703

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

image-20231206230032462

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

image-20231206230118380

启动后如图:

image-20231206230310408

然后,在应用启动位置选择刚刚添加的模拟器并点击旁边的绿色三角形按钮启动,可以将应用部署到模拟器:

image-20231206230349412

效果和预览类似:

image-20231206230540062

总结

到这里,安装鸿蒙开发工具和测试可用性就完成了

如果在过程中出现任何问题,还是推荐去鸿蒙开发官方网站查询相关资料

鸿蒙开发官网:HarmonyOS应用开发_应用开发平台和工具 - HarmonyOS应用开发官网

DevEco Studio官方文档:工具简介-DevEco Studio使用指南-工具-HarmonyOS应用开发