harmoneyOs 开发框架ArkTS工程目录结构简介

在学习一门框架前，需要首先了解该框架的目录结构，鸿蒙OS的目录结构如下：

• AppScope > app.json5：应用的全局配置信息。
• entry：HarmonyOS工程模块，编译构建生成一个HAP包。

• src > main > ets：用于存放ArkTS源码。
• src > main > ets > entryability：应用/服务的入口。
• src > main > ets > pages：应用/服务包含的页面。
• src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
• src > main > module.json5：Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。具体的配置文件说明，详见module.json5配置文件。
• build-profile.json5：当前的模块信息、编译信息配置项，包括buildOption、targets配置等。其中targets中可配置当前运行环境，默认为HarmonyOS。
• hvigorfile.ts：模块级编译构建任务脚本，开发者可以自定义相关任务和代码实现。

• oh_modules：用于存放三方库依赖信息。关于原npm工程适配ohpm操作，请参考历史工程迁移。
• build-profile.json5：应用级配置信息，包括签名、产品配置等。
  
• hvigorfile.ts：应用级编译构建任务脚本。
  

举一个简单的例子

打开“entry > src > main > ets > pages” 下的“Index.ets”文件，“Index.ets”文件的示例如下：

• // Index.ets
• @Entry
• @Component
• struct Index {
•  @State message: string = 'Hello World'
• build() {
• Row() {
• Column() {
• Text(this.message)
•          .fontSize(50)
•          .fontWeight(FontWeight.Bold)
• // 添加按钮，以响应用户点击
• Button() {
• Text('Next')
•            .fontSize(30)
•            .fontWeight(FontWeight.Bold)
•        }
•        .type(ButtonType.Capsule)
•        .margin({
• top: 20
•        })
•        .backgroundColor('#0D9FFB')
•        .width('40%')
•        .height('5%')
•      }
•      .width('100%')
•    }
•    .height('100%')
•  }
• }

预览界面如下：

。