“工欲善其事，必先利其器”。在对harmonyOS有了一个初步认知之后，我们使用DevEco Studio来创建一个项目，把项目运行起来，先从整体上来了解一下harmonyOS项目的整体结构以及开发工具的基本使用。

作为一名鸿蒙系统开发者，你可能会遇到这样一个问题：如何通过DevEco Studio快速创建并配置一个ArkTS项目？本文将详细解答这个问题，帮助你从零开始，一步步创建并运行一个简单的ArkTS项目。。

使用DevEco Studio创建项目操作步骤

1.1 配置开发环境

在开发之前我们需要做一些准备工作

• 成为开发者之前，我们需要先注册账号，并实名（使用远程模拟器需要），实名分为“个人实名”和“企业实名”。个人开发者做个人实名人证即可。注册地址：https://developer.harmonyos.com/cn/home，该页面右上角点击注册，完成实名即可。
• 下载开发工具，下载地址：https://developer.harmonyos.com/cn/develop/deveco-studio，DevEco Studio内置了OpenJDK，版本为1.8
• 下载nodejs，如果你是使用js的方式进行开发，需要下载nodejs，如果你仅用Java开发，可以先不装nodejs

在实名完成并且下载了开发工具后，安装DevEco Studio，一路next即可。完成安装先不要打开。由于harmonyOS的应用基于gradle进行构建，因此请自行下载gradle并配置环境变量。

1.2 下载SDK

配置完成后，打开DevEco Studio，会提示下载harmonySDK，如下图：

如果不需要更改SDK的路径，直接Next即可。如果想更改SDK的路径点击Cancel，点击Cancel后自己配置SDK路径的方式如下：

1. 在菜单栏点击Configure > Settings（Mac系统为Configure > Preferences，快捷键Command+，），打开Settings配置界面。
2. 进入Appearance & Behavior > System Settings > HarmonyOS SDK菜单界面，点击Edit按钮，设置HarmonyOS SDK存储路径。

红框中的地址选择你想要保存SDK的路径，下边的SDK Platforms列出了可用的SDK版本，可以根据需要下载。其中native通常是用来写C++或者设备开发需要的，js和Java则对应了应用开发的两种形式，如果你使用Java开发，可以只下载Java的，使用js开发同理。也可以两个都安装。选择完点击Apply，然后OK即可，入下图：

1.1 新建项目

• 双击桌面上的图标，启动DevEco Studio

• 首次打开会出现下面的弹窗，保持默认选项

• 保持默认勾选，单击"Agree"(同意)按钮

• 单击【Create Project】(创建项目)

• 选择【Empty Ability】(空应用)， 之后单击【Next】

1.2 启用中文化插件

1.3 打开入口文件

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

1.4 在预览器中预览

• 确认Index.ets是当前文件
• 单击右侧标签【预览器】

1.5 设置代码换行

1.6 设置VSCode风格的快捷键

• 【文件菜单】【设置】

1. 如果初始化项目报错

错误类型：

解决方案

1. 理解入口文件基础代码

！！！！注意：

以下概念不需要现在完全明白，只要会用，随着知识体系的深入，就会深刻理解

• 以@开头的标识符为装饰器，标识不同的功能
• @Entry 标识当前文件为入口文件，只能有一个入口文件
• @Component标识当前文件是一个组件
• struct 定义组件的结构 Index为组件名
• @State 定义组件的状态，当状态改变时，会触发视图更新
• build(){} 构建组件， build内部只能有一个唯一的根组件

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