鸿蒙 HarmonyOS 入门教程

本篇为鸿蒙 HarmonyOS 基础篇

结合了基础知识和简单的示例代码，适合初学者快速上手。本文基于 HarmonyOS，语言使用 ArkTS。

⸻

鸿蒙 HarmonyOS 入门教程（含代码示例）

一、什么是鸿蒙 HarmonyOS？

HarmonyOS（鸿蒙）是华为自主研发的分布式操作系统，旨在统一手机、平板、穿戴、车机、IoT 等设备，打破设备壁垒，实现“万物互联”。

从 HarmonyOS NEXT 开始，系统完全去除 AOSP（Android 开源项目）代码，采用全栈自研架构，并使用 ArkTS（方舟 TypeScript）语言进行开发。

⸻

二、开发准备

环境搭建

1. 安装 DevEco Studio（华为官方开发工具）：

2. 下载地址：https://developer.harmonyos.com/

3. 安装 HarmonyOS SDK（建议选择最新的 HarmonyOS NEXT Preview 版本）

4. 创建一个新项目：

5. 类型选择 “Stage模型”

6. 语言选择 “ArkTS”

7. 模板选择 “Empty Ability”

⸻

三、第一个鸿蒙程序 Hello HarmonyOS

1. 项目结构简述

项目结构如下：

主要开发文件位于 Index.ets，我们将在这里编写 UI 和逻辑代码。

⸻

2. 编写代码：Hello World

// Index.ets

@Entry
@Component
struct Index {
@State message: string = 'Hello, HarmonyOS!'
build() {
  
    Column({ space: 20 }) {
      Text(this.message)
        .fontSize(26)
        .fontWeight(FontWeight.Bold)
        .padding(20)

      Button('点击我')
        .onClick(() => {
          this.message = '你点击了按钮！'
        })
        .backgroundColor('#0A59F7')
        .fontColor(Color.White)
        .padding(12)
    }
    .width('100%')
    .height('100%')
    .align(Alignment.Center)
  }
}

3. 功能说明

• @Entry：标识这是应用的主入口组件。

• @Component：定义组件。

• @State：定义响应式变量，当值变化时 UI 自动刷新。

• build()：构建页面结构。

• Text、Button 等是鸿蒙提供的基础 UI 组件。

⸻

四、运行与预览

• 1. 启动鸿蒙模拟器或连接真实设备

• 2. 点击右上角运行按钮，即可部署到设备

• 3. 页面展示：“Hello, HarmonyOS!”，点击按钮后文字变成“你点击了按钮！”

⸻

五、进阶建议

• 了解 Stage模型中 Ability 生命周期管理

• 学习 Router 路由跳转与页面传参

• 使用 DataStorage 管理本地数据

• 探索鸿蒙分布式能力（如设备协同）

⸻

六、参考文档与资源

• 官方开发文档：https://developer.harmonyos.com/cn/docs

• ArkTS 语言介绍：https://developer.harmonyos.com/cn/docs/documentation/doc-references/arkts-0000001537646280

• DevEco Studio 教程：https://developer.harmonyos.com/cn/develop/deveco-studio

⸻