鸿蒙 Harmony 初体验

前言

看现在网上传得沸沸扬扬的鸿蒙,打算弄个 hello world 玩一下, 不然就跟不上时代的发展了

环境安装

我的环境

  • Windows 11 家庭中文版
  • HarmonyOS SDK (API 9)
  • DevEco Studio (3.1.1 Release)
  • Node.js (16.19.1)

开发IDE下载

官方下载链接

配置 nodejs

这里帮大家踩了坑哈,我这里选的是 install 从 from Huawei Mirror v16.19.1,因为刚开始我是从官网下载的 nodejs,版本太高了,反而不行,然后自己设定了本地的路径 E:\Program_Files\nodejs

创建工程

这里我选择第一项, Empty Ability

选择的语言及模型

这里就按默认的选,

Model => Stage

Language => ArkTS

Compile SDK: 3.1.0 (API 9)

Compatible SDK: 3.1.0 (API 9)

创建完成之后,不出意外的话,应该可以看到我们的工程如下所示:

创建模拟器

与 Android/iOS 开发类似,我们想要运行起来还需要模拟器或真机。我手上没有真机,因此需要先创建一个模拟器来给我们的应用提供一个可运行环境。

点击 No Device -> Device Manager,进入到模拟器设备管理中。点击 Install,安装模拟器需要的镜像。

我这边创建了一个模拟器, 点击运行

运行效果

运行项目,看看效果

这就是运行起来的效果, Hello World !,每个程序员学习新技能都要经历的,过程很顺利,基本上没遇到什么特别大的问题

概念说明

开发模型

在我们创建工程的时候,有一个 Model 选择,其选项有 StageFA 两种,默认选择为 Stage ,而这个 Model 就是我们说的开发模型。

鸿蒙系统从开始到现在有两种开发模型,就是这里的:StageFA 。其中,Stage 模型为鸿蒙系统推荐且后续长期维护的模型,而 FA 模型则已经不再建议使用。

Stage 模型最大的优势,主要有:

  • 支持 多窗口 ,能够为未来的 PC 版鸿蒙 或者 多设备应用 提供基础能力。
  • 进程单 ArkTS 引擎,单引擎 则意味着应用 数据共享 ,能够提供更加便捷的 数据内存共享能力

因此,Stage 模型是长期推荐并维护的模型。本课程所有的示例代码都将使用 Stage 模型进行开发

相关推荐
2601_949593657 小时前
基础入门 React Native 鸿蒙跨平台开发:模拟智能音响
react native·react.js·harmonyos
xiaoqi9227 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233228 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88219 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
xiaoqi92212 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟12 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_1777673712 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin12332213 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_9209317014 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_9209317015 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos