鸿蒙零基础实战教程Day0:HarmonyOS NEXT 项目创建与环境准备

前言

工欲善其事,必先利其器。在正式写代码之前,我们先完成开发环境的搭建和项目的初始化创建。


一、环境准备

1.1 下载 DevEco Studio

DevEco Studio 是 HarmonyOS 官方集成开发环境,基于 IntelliJ IDEA 构建。

项目 说明
下载地址 华为开发者官网
系统要求 Windows 10/11 或 macOS 10.15+
内存建议 8GB 以上,推荐 16GB

1.2 安装与配置

  1. 安装 Node.js:DevEco Studio 内置了 Node.js,也可自行安装 16.x 版本
  2. 安装 SDK:首次启动时按向导下载 HarmonyOS SDK
  3. 配置模拟器:Tools → Device Manager → 创建本地模拟器

二、创建项目(图文步骤)

2.1 新建工程

复制代码
File → New → Create Project

2.2 选择模板

进入模板选择页面,按下图操作:

选项 操作
左侧标签 选择 应用(默认已选中)
模板 选择 Empty Ability(第一个,已高亮选中)
说明 该模板实现了基础的"Hello World"功能

💡 注意 :左侧有"应用"和"元服务"两个选项。应用需要安装,通过桌面图标启动;元服务免安装,通过卡片或搜索启动。我们选应用

点击 下一步 进入配置页面。

2.3 工程配置

配置项 截图值 说明
项目名称 MyApplication 可自定义
包名 com.example.myapplication 应用唯一标识
保存路径 C:\Users\...\DevEcoStudioProjects\MyApplication 代码存放位置
Compatible SDK 6.1.1(24) 兼容 SDK 版本
模块名称 entry 主模块名,保持默认
设备类型 ☑️ Phone 勾选 Phone,其他按需

💡 说明 :截图中的 SDK 版本 6.1.1(24) 是较新的 API 版本。如果你的环境显示的是 5.0.0(12) 或其他版本,以实际安装的 SDK 为准即可。

2.4 等待构建

点击 完成 后,ohpm 会自动下载依赖并构建项目。首次构建可能需要 3-5 分钟。


三、配置模拟器

3.1 打开设备管理器

复制代码
Tools → Device Manager

或点击工具栏的设备图标。

3.2 选择并创建模拟器

设备类型 名称 版本(API) 分辨率 屏幕尺寸
手机 Pura 90 HarmonyOS 6.1.1(24) 1320×2856 6.8"
折叠屏 Mate X7 HarmonyOS 6.1.1(24) 2210×2416 8.0"
平板 MatePad Pro 13 HarmonyOS 6.1.1(24) 2880×1920 13.2"
2in1 MateBook Pro HarmonyOS 6.1.1(24) 3120×2080 14.2"

操作步骤:

  1. 点击 新建模拟器 按钮(右下角)
  2. 选择设备类型(推荐 Pura 90 手机)
  3. 下载系统镜像(首次需要,约 2-3GB)
  4. 启动模拟器

💡 提示 :所有设备都是 HarmonyOS 6.1.1(24) 版本,与项目配置的 SDK 版本一致。模拟器文件默认存放在 C:\Users\17246\AppData\Local\Huawei\Emulator\deployed


四、工程目录结构

创建完成后,项目结构如下:

复制代码
MyApplication/
├── AppScope/                          # 应用级配置
│   └── app.json5                      # 应用配置(包名、图标等)
├── entry/                             # 主模块(Entry Module)
│   ├── src/
│   │   └── main/
│   │       ├── ets/                   # ArkTS 源码目录
│   │       │   ├── entryability/      # Ability 生命周期管理
│   │       │   │   └── EntryAbility.ets
│   │       │   └── pages/             # 页面目录 ⭐
│   │       │       └── Index.ets      # 默认首页
│   │       ├── resources/             # 资源文件
│   │       │   ├── base/
│   │       │   │   ├── element/       # 颜色、字符串等常量
│   │       │   │   ├── media/         # 图片、音视频
│   │       │   │   └── profile/       # 页面路由配置
│   │       │   └── rawfile/           # 原始资源文件
│   │       └── module.json5           # 模块配置
│   └── build-profile.json5            # 构建配置
├── hvigor/                            # 构建系统配置
└── oh-package.json5                   # 三方依赖管理

核心文件说明

文件 作用
Index.ets 首页 UI 代码,我们主要在这里写布局
EntryAbility.ets 应用入口,控制页面生命周期
module.json5 模块配置,注册页面路由
app.json5 应用全局配置

五、运行 Hello World

5.1 启动模拟器

在设备管理器中点击 启动(▶️)按钮。

5.2 默认代码

entry/src/main/ets/pages/Index.ets 默认内容:

typescript 复制代码
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
  }
}

5.3 点击运行

点击工具栏 ▶️ Run 按钮,模拟器将显示居中的 Hello World


六、创建新页面(为 Day1 做准备)

pages 目录下新建 IndexPages.ets

复制代码
右键 pages → New → ArkTS File → 输入 IndexPages

然后在 main_pages.json 中注册路由:

json 复制代码
// entry/src/main/resources/base/profile/main_pages.json
{
  "src": [
    "pages/Index",
    "pages/IndexPages"
  ]
}

七、常见问题

问题 解决方案
模拟器启动失败 检查 BIOS 是否开启 VT-x/AMD-V 虚拟化
构建报错 File → Invalidate Caches → 重启 IDE
SDK 下载慢 设置华为镜像代理或更换网络
真机调试 需申请华为开发者账号并配置签名

八、小结

步骤 完成内容
✅ 环境搭建 安装 DevEco Studio + SDK
✅ 项目创建 Empty Ability + Phone 设备
✅ 模拟器配置 创建 Pura 90 本地模拟器
✅ 目录熟悉 了解 ets/pages、resources 等核心目录
✅ 运行验证 模拟器成功显示 Hello World
✅ 新页面准备 创建 IndexPages.ets 并注册路由

下节预告

鸿蒙零基础实战教程Day1:HarmonyOS ArkUI 入门实战 ------ 我们将在 IndexPages.ets 中编写第一个交互页面,学习 Text、Button 组件和 promptAction 弹窗。

💡 建议 :今天先确保环境跑通,明天直接写代码。如果遇到问题,可以查阅 HarmonyOS 官方文档

相关推荐
G_dou_1 小时前
Flutter三方库适配OpenHarmony【age_calculator】年龄计算器项目完整实战
flutter·harmonyos
慧海灵舟1 小时前
阿里 AGenUI 开源库前后端实战教程 —— Day 6:鸿蒙端 Playground 官方示例项目解析
华为·开源·harmonyos·写文章,赢小鸿ai
慧海灵舟1 小时前
鸿蒙零基础实战教程Day1:HarmonyOS ArkUI 入门实战
华为·harmonyos
痕忆丶2 小时前
openharmony北向开发基础之访问公共文件目录
harmonyos
特立独行的猫a2 小时前
OHOS (OpenHarmony) 鸿蒙的Rust 交叉编译环境搭建指南
华为·rust·harmonyos·鸿蒙pc
Swift社区2 小时前
HarmonyOS鸿蒙PC平台三方库移植使用vcpkg 移植 Crashpad 过程实战总结
华为·harmonyos
再见6582 小时前
鸿蒙原生开发实战:从零打造一款涂鸦板应用
华为·harmonyos
大雷神2 小时前
第42篇|拍摄预览浮层:让用户确认刚拍的成果
harmonyos
再见6589 小时前
【HarmonyOS】 Todo 应用开发实战
harmonyos