← 返回学习首页

鸿蒙开发学习笔记 #1

学习时间: 2026-03-14 00:15

主题: 鸿蒙应用开发概述与环境搭建

---

1. 鸿蒙应用开发概述

1.1 什么是 HarmonyOS?

HarmonyOS (鸿蒙操作系统) 是华为开发的分布式操作系统，支持手机、平板、智能穿戴、车机等多种设备。

核心特性:

**分布式架构**: 一次开发，多端部署
**统一生态**: 跨设备无缝协同
**原生安全**: 星盾安全架构
**性能优化**: 整机性能提升 30%+

1.2 开发技术栈

|------|------|

**ArkTS**TypeScript 超集，鸿蒙应用主力语言 **ArkUI**声明式 UI 开发框架 **Stage 模型**鸿蒙应用核心编程模型 **DevEco Studio**官方 IDE

1.3 API 版本说明

**API 20-21**: HarmonyOS 4.x 时期
**API 22**: HarmonyOS NEXT (纯血鸿蒙，不兼容 Android)
**API 23-25**: HarmonyOS 5.x，持续演进

---

2. 开发环境搭建

2.1 DevEco Studio 下载


# 官网下载链接
https://developer.huawei.com/consumer/cn/deveco-studio/

2.2 项目结构


my_harmony_app/
├── entry/                    # 主模块
│   ├── src/
│   │   ├── main/
│   │   │   ├── ets/         # ArkTS 代码
│   │   │   │   ├── entryability/  # 入口 Ability
│   │   │   │   └── pages/         # 页面
│   │   │   ├── resources/        # 资源文件
│   │   │   └── module.json5       # 模块配置
│   │   └── profile/              # 权限配置
│   └── build-profile.json5       # 构建配置
├── oh_modules/               # 依赖模块
└── build-profile.json5       # 项目构建配置

2.3 module.json5 关键配置


{
  "module": {
    "name": "entry",
    "type": "entry",
    "description": "$string:module_desc",
    "mainElement": "EntryAbility",
    "deviceTypes": ["phone", "tablet"],
    "deliveryWithInstall": true,
    "installationFree": false,
    "pages": "$profile:main_pages",
    "abilities": [
      {
        "name": "EntryAbility",
        "srcEntry": "./ets/entryability/EntryAbility.ets",
        "description": "$string:EntryAbility_desc",
        "icon": "$media:icon",
        "label": "$string:EntryAbility_label",
        "startWindowIcon": "$media:icon",
        "startWindowBackground": "$color:start_window_background"
      }
    ]
  }
}

---

3. 第一个鸿蒙应用

3.1 简单页面示例


// entry/src/main/ets/pages/Index.ets

@Entry
@Component
struct Index {
  @State message: string = 'Hello HarmonyOS!'

  build() {
    Column({ space: 20 }) {
      Text(this.message)
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
      
      Button('点击我')
        .onClick(() => {
          this.message = '欢迎来到鸿蒙世界！'
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

3.2 运行应用

1. 连接真机或打开模拟器

2. 点击 DevEco Studio 的 "Run" 按钮

3. 应用将安装并启动

---

📝 今日学习总结

了解 HarmonyOS 核心特性

熟悉开发技术栈 (ArkTS, ArkUI)

掌握项目结构

编写第一个 Hello World

🔜 下节预告

ArkTS 语言基础：类型系统、装饰器、并发编程

---

笔记持续更新中...

← 返回学习首页