目录

鸿蒙4.0安装DevEcoStudio

【鸿蒙4.0】安装DevEcoStudio

1.下载安装包

[HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者

华为鸿蒙DevEco Studio是面向全场景的一站式集成开发环境,,在鸿蒙官网下载或升级操作系统开发工具DevEco Studio最新版本,SDK配置和下载,2.1支持Mac、Windows操作系统。

https://i-blog.csdnimg.cn/blog_migrate/003a2ce7eb50c2e24a8c624c260c5930.png “HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者”) 可以根据自己的操作系统选择对应版本下载。

2.安装

下载好后,打开安装包,进入安装界面:

https://i-blog.csdnimg.cn/blog_migrate/2a4053e639e3eee824e0a9a3ec1ae4f3.png

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

https://i-blog.csdnimg.cn/blog_migrate/ecc300ebbecc60b11a30d7c56416aa34.png

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

https://i-blog.csdnimg.cn/blog_migrate/524056015f1a4a05bfa7edaa475af270.png

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

https://i-blog.csdnimg.cn/blog_migrate/e5cb78380747f53ea647fc815cd6b787.png

耐心等待安装完成:

https://i-blog.csdnimg.cn/blog_migrate/39b80354bb546afcefbdb197bfd4ec67.png

选择重启电脑,Finish:

https://i-blog.csdnimg.cn/blog_migrate/e0ad5dda957be92f88b469453ea6ebe5.png

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

https://i-blog.csdnimg.cn/blog_migrate/a2e5fab007b489b43ce14bdb836e5184.png

3.配置开发环境

双击启动,进入首次运行的欢迎页面:

https://i-blog.csdnimg.cn/blog_migrate/33882f282cedf194547e05d05377840a.png

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

https://i-blog.csdnimg.cn/blog_migrate/1d64690f41071ae58a9cb7efab049238.png

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

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

https://i-blog.csdnimg.cn/blog_migrate/67840b70826d511e454b5a772c9604f1.png

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

https://i-blog.csdnimg.cn/blog_migrate/f9c73568f419a28a2a22790b686dce96.png

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

https://i-blog.csdnimg.cn/blog_migrate/a9151d7da80541eaaf7c9b2e11def5d3.png

选择Next后,进入SDK确认信息页面:

https://i-blog.csdnimg.cn/blog_migrate/648a78b244533f16e6a9c39f41cd3431.png

直接点击Next安装即可。

4.环境错误处理

在安装的过程中,如果出现错误:

[文档中心

https://i-blog.csdnimg.cn/blog_migrate/003a2ce7eb50c2e24a8c624c260c5930.png “文档中心”)

5.创建一个新的项目

https://i-blog.csdnimg.cn/blog_migrate/56e6e6e7299ba2e15ba3d19825903805.png

然后进入创建应用页面,选择应用模板中的 Empty Ability 模板:

https://i-blog.csdnimg.cn/blog_migrate/459a69ed86a7e37834d4d24e8ae19de3.png

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

https://i-blog.csdnimg.cn/blog_migrate/d0c313a2be448d1b35e215852c9107d5.png

点击Finish完成创建。

https://i-blog.csdnimg.cn/blog_migrate/d3a896f5009608ac5998687ef8c0db98.png

6.应用预览

https://i-blog.csdnimg.cn/blog_migrate/65f632abce4d49d12fccebc2be340e06.png

7.安装模拟器

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

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

https://i-blog.csdnimg.cn/blog_migrate/91ae3878fe73bd1918091e4f3d8a0862.png

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

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

https://i-blog.csdnimg.cn/blog_migrate/0758d766cfb9c7b4a11fe94129516d6f.png

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

https://i-blog.csdnimg.cn/blog_migrate/9b558cbfea4d9593ce9006513f28106f.png

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

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

https://i-blog.csdnimg.cn/blog_migrate/276f156f81538494c67f651ce01edd9d.png

添加手机模拟器:

https://i-blog.csdnimg.cn/blog_migrate/fb533d154af2231612772e201409342a.png

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

https://i-blog.csdnimg.cn/blog_migrate/1e7e2a4bd80828a7638a5a87126b4008.png

finish:

https://i-blog.csdnimg.cn/blog_migrate/b19376c11634e5e414b02c28d30dfc1a.png

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

https://i-blog.csdnimg.cn/blog_migrate/ea24b8d3d91e3dd4bec19f336e43065f.png

启动后如图:

https://i-blog.csdnimg.cn/blog_migrate/1f6b6ecccf8a88e57990ea3465b9d294.png

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

https://i-blog.csdnimg.cn/blog_migrate/f1e661769f1123aad2c1557454a1b69a.png

点击启动,可以将应用部署到模拟器:

https://i-blog.csdnimg.cn/blog_migrate/48742fe22be8b821aa771f2dc13fa7b8.png

效果与预览类似:

https://i-blog.csdnimg.cn/blog_migrate/36a29852da7f2ea7848c07b9a80a56c5.png