《跟我一起学“Harmony-ArkTS”》——项目创建及其项目结构

一、项目创建

1. 若首次打开DevEco Studio，请点击Create Project创建工程。如果已经打开了一个工程，请在菜单栏选择File > New > Create Project来创建一个新工程。
   

2. 选择Application应用开发，选择模板 “Empty Ability”，点击Next进行下一步配置。
   3. 进入配置工程界面， Compatible SDK表示兼容的最低 API Version ，此处以选择 “5.0.0(12)” 为例，其他参数保持默认设置即可。
   

项目信息	含义
Project Name	项目名称
Bundle Name	包名称
Save Location	项目路径
Compatible SDK	项目所兼容的最低版本
Module Name	模块名称
Device Type	设备类型

4. 点击Finish，工具会自动生成示例代码和相关资源，等待工程创建完成。

二、ArkTS工程目录结构（Stage模型）

目录	含义
AppScope > app.json5	应用的全局配置信息
entry	HarmonyOS工程模块，编译构建生成一个HAP包
src > main > ets	用于存放ArkTS源码
src > main > ets > entryability	应用/服务的入口
src > main > ets > entrybackupability	应用提供扩展的备份恢复能力
src > main > ets > pages	应用/服务包含的页面
src > main > resources	用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等
src > main > module.json5	模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息
build-profile.json5	当前的模块信息 、编译信息配置项，包括buildOption、targets配置等
hvigorfile.ts	模块级编译构建任务脚本
obfuscation-rules.txt	混淆规则文件。混淆开启后，在使用Release模式进行编译时，会对代码进行编译、混淆及压缩处理，保护代码资产
oh-package.json5	用来描述包名、版本、入口文件（类型声明文件）和依赖项等信息
oh_modules	用于存放三方库依赖信息
build-profile.json5	工程级配置信息，包括签名signingConfigs、产品配置products等。其中products中可配置当前运行环境，默认为HarmonyOS
hvigorfile.ts	工程级编译构建任务脚本
oh-package.json5	主要用来描述全局配置，如：依赖覆盖（overrides）、依赖关系重写（overrideDependencyMap）和参数化配置（parameterFile）等

三、Hello World

1. 在 “Project” 窗口，点击 “entry > src > main > ets > pages”，打开 “Index.ets” 文件，进行页面的编写。

@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%')
  }
}

2. 在编辑窗口右上角的侧边工具栏，点击Previewer，打开预览器即可。
   

四、小结

本章言简意赅的为大家介绍了项目创建及其项目结构，下一章，为大家介绍常用的ArkUI组件，如：文本、图片、按钮等。最后，创作不易，如果大家觉得我的文章对学习鸿蒙有帮助的话，就动动小手，点个免费的赞吧！收到的赞越多，我的创作动力也会越大哦，谢谢大家🌹🌹🌹！！！