HarmonyOS应用开发工具DevEco Studio安装与使用

￡神魔★判官ぃ 2024-02-05 11:51 57阅读 0赞

> 语雀知识库地址：[语雀HarmonyOS知识库][HarmonyOS]
> 
> 飞书知识库地址：[飞书HarmonyOS知识库][HarmonyOS 1]
> 
> 知识库内容逐步完善中…

--------------------

工欲善其事必先利其器，要编写HarmonyOS应用就需要用到官方提供的IDE工具来编写相应的代码。

在鸿蒙开发者官网，其提供了官方的开发IDE——DevEco Studio（最新版本3.1.1 Release） 来作为HarmonyOS应用开发

当然，为了更好的推广鸿蒙应用，在今年官方推出了集成ArkUI-X 版本的IDE(版本号 4.0 Beta2)，该版本可以基于一套代码生成鸿蒙、安卓、iOS多OS的相关项目，详情请查看以下文章：

[DevEco Studio集成ArkUI-X][DevEco Studio_ArkUI-X]

#### 1.下载安装包 ####

安装包下载地址：

[点击跳转下载页面][Link 1]

可以根据自己的操作系统选择对应版本下载。

本文以**Windows**安装为例，Mac安装方式相同

#### 2. 安装 ####

下载好后，打开安装包，进入安装界面：  
![Image 1][]  
![img][]

点击Next，进入安装目录选择页面（不要出现中文或特殊字符），可以走默认路径：

![img][img 1]

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

![img][img 2]

点击Next，进入安装页，直接点击Install：

![img][img 3]

耐心等待安装完成：

![img][img 4]

选择重启电脑，Finish：

![img][img 5]

重启完成后，会在桌面看到DevEco Studio的图标：

![img][img 6]

#### 3.配置开发环境 ####

双击启动，进入首次运行的欢迎页面：

![img][img 7]

选择Agree，进入配置导入页面，选择不导入任何配置：

![img][img 8]

选择要安装的Node.js和Ohpm位置，其中ohpm是Open Harmony Package Management的缩写，也就是类似npm的包管理工具。这里有几点注意事项：

*  如果电脑上已经有Node.js，但是版本不一致，建议选择让工具重新安装
 *  如果电脑上已经有Node.js，并且版本一致，可以选择Local，指定node目录即可
 *  如果电脑上对Node.js做了一些特殊的options配置，建议先移除
 *  配置目录中不要出现中文、特殊字符，建议用默认路径

![img][img 9]

选择Next后，进入HarmonyOS的SDK安装目录选择页面，同样注意不要出现中文和特殊字符，建议走默认路径：

![img][img 10]

选择Next后，进入协议页面，全部选择Accept：

![img][img 11]

选择Next后，进入SDK确认信息页面：

![img][img 12]

直接点击Next安装即可。

#### 4.环境错误处理 ####

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

![img][img 13]

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

重试时**无需重新安装**，而是再次打开DevEco Studio，点击界面左下方的\*\*`?`\*\*按钮：

![img][img 14]

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

![img][img 15]

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

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

![img][img 16]

当然，官方文档中也有更加详细的示例说明：

[https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment\_config-0000001052902427-V3\#section551917522319][https_developer.harmonyos.com_cn_docs_documentation_doc-guides-V3_environment_config-0000001052902427-V3_section551917522319]

#### 5.helloworld ####

开发鸿蒙应用，需要先创建一个Project：

![img][img 17]

然后进入创建应用页面，选择应用模板中的`Empty Ability`模板：

![img][img 18]

填写项目信息，其中Project name、Bundle name、Save location都可以自定义：

![img][img 19]

点击Finish完成创建。最终开发界面如图：

![img][img 20]

#### 6.应用预览 ####

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

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

![img][img 21]

#### 7.安装模拟器 ####

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

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

![img][img 22]

设备可以是`远端设备`，也可以是`本地设备`，我们以本地设备为例。

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

![img][img 23]

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

![img][img 24]

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

进入创建模拟器页面，选择New Emulator：

![img][img 25]

添加手机模拟器：

![img][img 26]

选择api9版本，不过需要注意，首次进入此页面，需要下载手机设备需要的系统，大概2.2G，需要耐心等待：

![img][img 27]

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

![img][img 28]

finish：

![img][img 29]

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

![img][img 30]

启动后如图：

![img][img 31]

然后，在应用启动位置选择刚刚添加的模拟器：

![img][img 32]

点击启动，可以将应用部署到模拟器：

![img][img 33]

效果与预览类似：

![img][img 34]

[HarmonyOS]: https://www.yuque.com/maxiaobai-svip/harmonyos?#
[HarmonyOS 1]: https://awk4lh50t1.feishu.cn/wiki/KVr5wbMRain2iGkOEhNc0J3inMb
[DevEco Studio_ArkUI-X]: https://blog.csdn.net/qq_44664231/article/details/134843619
[Link 1]: https://developer.harmonyos.com/cn/develop/deveco-studio/#download
[Image 1]: 
[img]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/9fb2bbcccc214dfba838cf83bc9a19da.png
[img 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/0fa13241ac52467392aeda396658987b.png
[img 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/215673e61d94474b91d20eb4f53086a1.png
[img 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/2711f9e3c3b34130b42ba8cb0c8d27a1.png
[img 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/bad46d1363804c9f8b1ea3ca27d5bf45.png
[img 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/09e7b4d07e5c4524ac4a5c4ddf59cca7.png
[img 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/ddb2fc0ffdd44f4daa1204a19717f748.png
[img 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/586e262c9f744fa4b0d15f992b6d3fc6.png
[img 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/e6cfcf3d69be421ebaafb69558d9f995.png
[img 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/ac9609942f894abd86e713ff2c59c944.png
[img 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/81da19dccb5d4e9b921536a1b8d54e61.png
[img 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/c44159715da24938b034800f72135ed8.png
[img 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/d4109fa333c44932962ea9a97fd50ac1.png
[img 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/edec2847e0cd4ef7b9b7f76a9ae91729.png
[img 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/069c9c0b598a45b3880d41d00ece0456.png
[img 15]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/3fd7469cbe1b4daa8f57aa4cf9b9bdbf.png
[img 16]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/c8eab4f4c66b41b3b0305f0580f2b3c4.png
[https_developer.harmonyos.com_cn_docs_documentation_doc-guides-V3_environment_config-0000001052902427-V3_section551917522319]: https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319
[img 17]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/fbe7d3f2d2e14efba8ce1a3dfdaffb94.png
[img 18]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/052a143a2c1d4c64a6698b61292862eb.png
[img 19]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/eebebd48a5ab4c199dacc35167335210.png
[img 20]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/6cec42fcdadb48068f50b0d4e280fbff.png
[img 21]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/8b6a5feaaa4a4804aae43c9fe8a789fb.png
[img 22]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/fefac5766fd8448c9753617a6026fedc.png
[img 23]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/a5b9d258784843138a988cb310a9a6ba.png
[img 24]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/382e0bbdd2194e168d5474369a09e4f7.png
[img 25]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/d82ef7a6d2b943cdae47bf8ee2946324.png
[img 26]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/4226f539aed24c61ad8df97bfc37a97d.png
[img 27]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/b1919089517f425fb2ed40d67e65836d.png
[img 28]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/682cfee858314fe5b09cef9004297d74.png
[img 29]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/8c89d5b8aed54564bbebc713d5e0d377.png
[img 30]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/95b6cd3b26ff4b5f871dc93f937325ef.png
[img 31]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/29864b2f29534708bd5cd1c1d73a7970.png
[img 32]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/c15e7b26d8ad4093b0c0bb4d3ee0ce2d.png
[img 33]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/41945f5287cb4fd789bce4f0081cad7c.png
[img 34]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/206163b4294446049b72c6f4a4ae4bc1.png