HarmonyOS 5.0.0 或以上：HelloWorld 页面开发实战（含真机调试）

HarmonyOS 5.0.0 或以上：HelloWorld 页面开发实战（含真机调试）

一、功能简介

通过本篇你将学会在 DevEco Studio 中基于 ArkTS 构建一个简单的 Hello World 页面，支持在模拟器和真机运行。适合入门开发者掌握页面结构、组件展示与基本调试。

---

二、项目结构

创建一个 Stage Model 项目，结构如下：

entry/
├── src/
│   └── main/
│       └── ets/
│           └── pages/
│               └── Index.ets
├── config.json
└── app.json5

---

三、代码演示（Index.ets）

// entry/src/main/ets/pages/Index.ets
@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('Hello HarmonyOS 5.0.0!')
        .fontSize(26)
        .fontWeight(FontWeight.Bold)
        .margin(20)
        .fontColor(Color.Black)
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White)
    .align(Alignment.Center)
  }
}

---

四、运行效果

在模拟器或真机运行后，将展示如下画面：

-----------------------------
|                           |
|                           |
|   Hello HarmonyOS 5.0.0!  |