先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip204888 (备注鸿蒙)
正文
安装过程很简单,这东西是基于 IDEA 做的,和 Android Studio 体验一致
1.2 Android Studio
ArkUI-X 可以将 ArkTS 项目编译为一个 Android 项目,使用 Android Studio 可以将其打包为 APK。Android Studio 安装方法就不赘述了。
2. 环境搭建
2.1 初次进入
DevEco 安装完成后,首次进入需要设置 nodejs 与 ohpm。可以选择本机已经安装好的路径,若本机没有安装 nodejs 与 ohpm 也可以在这里下载安装。
注意:目前鸿蒙开发支持的 nodejs 版本为 14 和 16,如果本机装了 18 版本的 nodejs 需要先卸载,将全局 nodejs 替换为 16。不然后续项目开发中会遇到各种问题。
上面这段话加粗的目的就是,我昨天头铁使用 nodejs 18 ,踩坑太多了。所以建议大家直接将全局 nodejs 使用 16 版本就行,避免不必要的麻烦。这一点我给官方提了 issue 但是还未收到回复。
之后便是无脑下一步,等它下载完成 SDK 与相关依赖即可(你可以将 SDK 路径设置为其他文件夹)。
2.2 安装 OpenHarmony SDK
相关依赖下载完成,进入 IDE 首页后,先不急着创建项目,需要安装 OpenHarmony SDK。
点击 More Action , 选择 SDK Manager:
选择 OpenHarmony:
选择后需要指定一下路径,然后它会进行一些下载,等它下载完成:
下载完成后,勾选 API Version 10 相关的选项,点击确定等它下载完成:
2.3 安装 ArkUI-X SDK
OpenHarmony SDK 安装完成后,就可以安装 ArkUI-X SDK 了。同样的在设置里面选择 ArkUI-X ,指定路径,等待下载完成。
2.4 设置环境变量
ArkUI-X 需要设置好相应的环境变量才能正确使用。若缺少相关环境变量,会有弹窗提示:
所以在装好 Android Studio 后,需要将 Android SDK 添加至环境变量中:
- 变量名:ANDROID_HOME
- 变量值:你的 Android SDK 路径
3. 创建项目
3.1 创建 Harmony OS 工程
上述步骤完成后,可以创建项目了。这里有很多 Harmony OS 的基础模板,可以任意选择一个进行创建:
这里可以不用设置,保持默认即可。我们需要的是这个模板里面的代码:
3.2 创建 OpenHarmony 工程
在创建了一个 HarmonyOS 工程后,我们就进入到了 IDE 的实际界面,在此就可以找到创建 OpenHarmony 工程的选项。
为什么要 OpenHarmony 呢?首先要认识到 HarmonyOS 和 OpenHarmony 的区别。这个具体区别在此我就不讲了,可能会被当做引战引起某些人不满意。只需要知道重点:ArkUI-X 是基于 OpenHarmony 的技术。在上一节也可以看到,使用 ArkUI-X , 需要安装 OpenHarmony SDK ,而没有去进行 HarmonyOS SDK 的相关操作。
在上面菜单栏选择 File - New - Import - Import Sample:
然后选择 OpenHarmony ,选择 ArkUI-X 下的 HelloWorld
创建完成后进入此项目,等它依赖安装完成,在右上角选择 Previewer ,点击运行,就可以通过 OpenHarmony 预览界面进行预览:
这时一个基础的 OpenHarmony APP 工程就创建完成了。
3.3 移入代码
此时回到之前步骤创建的 Harmony OS 工程,将里面的 UI 代码移入进来。
进入 Harmony OS 工程的 entry - src - main 目录,复制里面的 ets 与 resources 目录:
同样的,在 OpenHarmony 工程中删掉这两个目录,替换为从 Harmony OS 工程复制的 ets
与 resources
。
上述两个文件夹替换完成后,将同位置的 module.json5
文件中的内容也替换过去
整体步骤就是这样:
module.json5
的 deviceTypes 这样写,在预览的时候就可以选择用手机模式还是平板模式:
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注鸿蒙)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
需要这份系统化的资料的朋友,可以添加V获取:vip204888 (备注鸿蒙)
[外链图片转存中…(img-3c52IDNE-1713219463952)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!