鸿蒙OS 第一个 ArkTS 应用

本文将带你一步步用ArkTS语言（基于Stage模型）构建你的第一个HarmonyOS应用！

第一步：搭建开发环境

工欲善其事，必先利其器。 在开始之前，请确保你已经安装了最新版本的 DevEco Studio，并完成了开发环境的配置。

第二步：创建 ArkTS 工程

1. 启动DevEco Studio: 打开 DevEco Studio， 点击 “Create Project” 创建一个新工程。

2. 选择应用类型: 选择 “Application” 应用开发， 然后选择 “Empty Ability” 模板，点击 “Next“。

3. 配置工程:

• Compile SDK: 选择 “3.1.0(API 9)” 或更高版本。
• Model: 选择 “Stage“。
• 其他选项保持默认设置即可。

4. 完成创建: 点击 “Finish“， DevEco Studio 会自动生成示例代码和项目结构。

第三步：熟悉ArkTS工程目录结构

让我们快速了解一下生成的工程目录结构：

• entry > src > main > ets: 存放 ArkTS 源码的地方。
  • entryability: 应用的入口。
  • pages: 应用的页面代码存放处。
• entry > src > main > resources: 存放应用资源文件，例如图片、音频等。
• entry > src > main > module.json5: 模块配置文件。
• AppScope > app.json5: 应用的全局配置文件。

第四步：构建你的第一个页面

打开 entry > src > main > ets > pages > Index.ets 文件， 你会看到一个简单的页面结构， 包含一个显示 “Hello World” 的文本组件。

// Index.ets
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

第五步：真机运行你的应用

激动人心的时刻到了！让我们将应用运行到真机设备上：

1. 连接设备： 使用USB线将你的HarmonyOS真机设备连接到电脑。
2. 配置签名：
   • 点击 “File > Project Structure… > Project > SigningConfigs“。
   • 勾选 “Support HarmonyOS” 和 “Automatically generate signature“。
   • 点击 “Sign In“， 使用你的华为帐号登录。
   • 等待自动签名完成后，点击 “OK“。
3. 运行应用： 点击 DevEco Studio 工具栏上的运行按钮 。

恭喜！你已经成功创建并运行了你的第一个HarmonyOS应用！