【HarmonyOS】零基础自学鸿蒙开发 一、入门 1. 快速入门 1.1 开发准备

【HarmonyOS】零基础自学鸿蒙开发

一、入门

1. 快速入门
1.1 开发准备

构建一个简单的具有页面跳转/返回功能的应用

1.1.1 基本概念
  • UI框架

    HarmonyOS提供了一套UI开发框架,即方舟开发框架(ArkUI框架)

    两种开发范式:

    • 声明式
    • 类Web
  • 应用模型

    应用模型是HarmonyOS为开发者提供的应用程序所需能力的抽象提炼,它提供了应用程序必备的组件和运行机制。

    • FA模型
    • Stage模型
1.1.2 工具准备

安装最新版DevEco Studio

在这里插入图片描述

往下走:

在这里插入图片描述

在这里插入图片描述

是个绿色软件,解压即安装

在这里插入图片描述

在这里插入图片描述

好的,不是,运行安装程序吧

在这里插入图片描述

next

在这里插入图片描述

自己改, next

在这里插入图片描述

全勾,next

在这里插入图片描述

install!

在这里插入图片描述

在这里插入图片描述

重启可以让环境变量立即生效,一会儿见

回来了

在这里插入图片描述

直接启动看看吧

在这里插入图片描述

同意

在这里插入图片描述

不导入任何配置

在这里插入图片描述

在这里插入图片描述

这里要Node.js 环境,笔者本机装的是v18.10.0

在这里插入图片描述

这里还要一个Ohpm 的东西

官网介绍:OHPM CLI 作为鸿蒙生态三方库的包管理工具,支持OpenHarmony共享包的发布、安装和依赖管理。

在这里插入图片描述

下载一下吧。https://developer.harmonyos.com/cn/develop/deveco-studio#download_cli

在这里插入图片描述

包括SDK管理sdkmgr、代码检查codelinter、三方库的包管理ohpm

在这里插入图片描述

在这里插入图片描述

解压出来就是这样子的了

进入“ohpm/bin”目录,打开命令行工具,执行init.bat指令初始化ohpm。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

好家伙,下了很多npm 的包

将ohpm配置到环境变量中:

在这里插入图片描述

验证一下啊:

在这里插入图片描述

今天是2024年4月21日,最新版本号1.2.0

这里笔者换个位置

在这里插入图片描述

在这里插入图片描述

重新执行了一下init.bat

好,回到IDE 界面

在这里插入图片描述

好,node 版本还有限制,切换一下,nvm 工具

如果强行装是装不了两个版本 的

先看看本机已有的node

在这里插入图片描述

正在用的这个版本不满足要求

直接nvm install 16.9.1

在这里插入图片描述

在这里插入图片描述

直接使用这个版本吧

在这里插入图片描述

在这里插入图片描述

这样就切了

在这里插入图片描述

next

在这里插入图片描述

切换一下SDK 的存储路径,next

在这里插入图片描述

两个都同意,next

在这里插入图片描述

next

在这里插入图片描述

等待下载完成

在这里插入图片描述

finish

在这里插入图片描述

配置HDC 工具环境变量

在这里插入图片描述

就这样保存即可

最后来让我们诊断一下总的开发环境

为了您开发应用/服务的良好体验,DevEco Studio提供了开发环境诊断的功能,帮助您识别开发环境是否完备。

在这里插入图片描述

在这里插入图片描述

很好,都通过了。

猜你喜欢

转载自blog.csdn.net/weixin_44226181/article/details/138034956