目录

HarmonyOS4学习笔记HarmonyOS4NEXT星河版入门到企业级实战教程课程学习笔记一

【HarmonyOS4学习笔记】《HarmonyOS4+NEXT星河版入门到企业级实战教程》课程学习笔记(一)

课程地址:

(本篇笔记对应课程第 1 - 2节)

P1《课程介绍》

开场白,HarmonyOS 的一个简介,话不多说,直接看图吧!

https://i-blog.csdnimg.cn/blog_migrate/24d3d27a837b0e8b135a335d2b348224.png

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

https://i-blog.csdnimg.cn/blog_migrate/28cd64c26a5054149c7dfaa373d93a93.png

https://i-blog.csdnimg.cn/blog_migrate/3bdae1f70a15a76323de64d4761df395.png

https://i-blog.csdnimg.cn/blog_migrate/76eea3fb56df46ba38dc86f20510146c.png

P2《开发准备-工具安装》

工欲善其事必先利其器,开发准备需要两件事:1、开发文档;2、开发工具

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

打开鸿蒙官方网站,可以看到设计、开发、分发、文档等导航;其中,文档中的 指南 和 API参考是我们后面需要经常查阅的:

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

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

在 开发 导航下进入 工具下载页面:

https://i-blog.csdnimg.cn/blog_migrate/432f840e80f0408ac37f8134dc61c268.png

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

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

下载并安装 开发工具:

https://i-blog.csdnimg.cn/blog_migrate/01dcbd1f140fad1a647c789f53405d26.png

之后next,直到完成安装

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

第一次打开会弹出如下对话框,勾选 同意:

https://i-blog.csdnimg.cn/blog_migrate/0b62272608ebe2dcbab8b0d19648c485.png

没有导入设置即可选择没有:

https://i-blog.csdnimg.cn/blog_migrate/03fc2fc4ae75b9cfbcc079c413fa612e.png

接下来弹出这个,需要安装几个工具:

1、一是node,如果电脑已经安装了node,可以选择Local,并指定本地node安装路径;如果没有安装node,则选择install,同时可以指定安装路径;

2、二是鸿蒙的包管理工具 Ohpm,这个初次学习鸿蒙肯定还没有安装,选择install并可以指定安装目录:

https://i-blog.csdnimg.cn/blog_migrate/4df4fde6fe636ff012fe7cfcc9c1c4a3.png

3、三是 HarmonyOS SDK,这个SDK包括一些ArkTS等语言工具包等:

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

勾选同意协议:

https://i-blog.csdnimg.cn/blog_migrate/40b124d05013f9caaf81b986027a6ab6.png

进入最后确认页面,点击确认:

https://i-blog.csdnimg.cn/blog_migrate/266bd877e45fedb1c43203d2531b5d7f.png

OK,接下来就是等待依赖下载与安装,完成后点击Finish,完成!

https://i-blog.csdnimg.cn/blog_migrate/468bff58b709ab9e57251d730b80f8d6.png

打开安装好的编辑器,弹出欢迎窗口:

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

如果出现安装失败的情况,不要捉急,可以点击左下角的 Help - Diagnose……(检查开发环境是否是完整的按钮),点开后就会检测并提示出缺少了哪些依赖;由于老师这里是安装成功的,所以没有提示缺少依赖,所有依赖项都是打绿色勾的。

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

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

指南 导航中也有对工具安装的说明指导:

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

实践:

1、按照老师的官网地址 developer.harmonyos.com 敲入地址栏回车,自动跳转到了如下新网址: 另外,还可以通过百度搜索“鸿蒙”进入

官网首页还发现了传说中的“白皮书”:

https://i-blog.csdnimg.cn/blog_migrate/57abf53ce07238ebf1f52a485cebb462.png

2、下载开发工具安装一路顺利,打开后,在这个界面提示我 node版本的要求,而我当前的node版本不符合要求!(下方截图中的红字提示)

https://i-blog.csdnimg.cn/blog_migrate/76bf6ecab3e274e8f249acc2a9ec003e.png

让我先来解决一下Node版本的问题吧~

用nvm安装了一个16.20.0的版本并切换到这个版本,不熟悉nvm的小伙伴可以参考我另外两篇文章:

成功切换node版本为符合要求的版本后,我发现个小问题,那行提示node版本不符合的红字并没有消失!点击右上角关闭这个弹出框后,再次打开编辑器想继续安装,但直接跳过了后面的安装步骤,直接进入工具的开发界面了!

怎么?不给我机会安装node和其他SDK之类的了么?运行Help-Diagnose……那个选项,发现好多小红叉,node和其他一些插件还没安装好呢!肯定还没安装好啊,我都根本还没配置安装呢!在小红叉后面点击安装按钮却选不到node的安装路径,没办法,先把这个开发工具卸载了,请允许我重新开始,来重新安装一遍吧!

这次再次进行到这里,node版本问题红字提示没有了,ok,继续~

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

终于可以正常继续了~

https://i-blog.csdnimg.cn/blog_migrate/37b54655b63671a30641666f649d1024.png

到这里提示我没有SDK的勾选同意,可是我并没有发现让我勾选的地方啊啊啊!

https://i-blog.csdnimg.cn/blog_migrate/658a52eb5cd4610040d1b3196786d122.png

找了半天根本找不到在哪里勾选这个协议的同意啊,搜索了下同款报错,发现以下文章:

按照解决思路,先完成安装,再通过 Help-Diagnose…… 进入这个界面,发现好多个小红叉叉,一个个点击安装修复:

https://i-blog.csdnimg.cn/blog_migrate/5a14ed931194f9313f329d322ec2b99f.png

在安装修复过程中,终于看到勾选同意协议的地方了!

https://i-blog.csdnimg.cn/blog_migrate/4293a7e1e3741f2c98a0cb444cdec6f1.png

勾选同意并 Next:

https://i-blog.csdnimg.cn/blog_migrate/3f17e2d22601b63d1de5dee467926489.png

好嘞!全部变成了绿色对钩!

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

总结:

1、熟悉官方开发文档;

2、安装开发工具 DevEco Studio。