前言

在HarmonyOS应用开发的学习旅程中，DevEco Studio 是我们最重要的开发工具。作为华为官方推出的集成开发环境（IDE），它专为鸿蒙生态打造，集成了项目创建、代码编写、调试运行、性能分析等一整套开发功能。今天我们将带领大家全面认识 DevEco Studio 的界面布局，并掌握一些基础但关键的设置操作，帮助你快速上手并高效开发。

一、DevEco Studio 界面概览

启动 DevEco Studio 后，默认会进入欢迎界面，点击 “New Project” 创建一个空白项目后，即可进入主开发界面。整个界面主要由以下几个核心区域组成：

1. 菜单栏（Menu Bar）

位于窗口顶部，包含 File、Edit、View、Navigate、Code、Build、Tools、Help 等标准菜单项。例如：

• File → Settings（Windows/Linux）或 DevEco Studio → Preferences（macOS）用于打开设置面板；
• Build → Build Hap(s)/App(s) 用于编译生成安装包；
• Run → Run 'entry' 用于运行当前项目。

2. 工具栏（Toolbar）

紧接菜单栏下方，提供常用操作的快捷按钮，如：

• 新建文件（New）、
• 运行/调试（Run/Debug）、
• 模拟器管理（Device Manager）、
• 版本控制（Git）等。

这些图标大大提升了日常开发效率，建议熟悉其对应功能。

3. 项目管理器（Project Explorer）

位于左侧，默认显示为“Project”视图，展示当前项目的完整目录结构。HarmonyOS 项目通常包括以下关键目录：

MyApplication/
├── entry/                 # 主模块
│   ├── src/main/
│   │   ├── resources/     # 资源文件（字符串、图片、布局等）
│   │   └── ets/           # ArkTS/JS 代码目录
│   └── build-profile.json5
├── hvigor/                # 构建脚本相关
└── oh-package.json5       # 项目依赖配置

在 ets 目录下，你会看到类似如下结构的代码文件：

// entry/src/main/ets/pages/Index.ets
@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('Hello, HarmonyOS!')
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
    }
    .width('100%')
    .height('100%')
  }
}

这是使用 ArkTS 编写的页面组件，是 HarmonyOS 应用 UI 的核心单元。

4. 编辑器区域（Editor）

占据界面中央最大区域，用于编写和查看代码。支持语法高亮、智能提示、错误检查、代码折叠等功能。当你打开 .ets、.json5 或 .hml 文件时，编辑器会自动识别语言类型并提供相应支持。

5. 控制台与日志（Console & Logcat）

位于底部，包含多个标签页：

• Build Output：显示编译过程信息；
• Logcat：实时输出设备或模拟器的日志，便于调试；
• Terminal：内置终端，可执行命令行操作（如 hvigorw assembleHap）。

例如，在代码中加入日志输出：

import hilog from '@ohos.hilog';

@Entry
@Component
struct Index {
  aboutToAppear() {
    hilog.info(0x0000, 'MY_TAG', 'Page is about to appear');
  }

  build() {
    Text('Check Logcat for logs')
  }
}

运行后，在 Logcat 中搜索 MY_TAG 即可看到打印信息。

二、基本设置优化开发体验

为了提升编码舒适度与效率，建议进行以下基础设置：

1. 更换主题

进入 Settings → Appearance & Behavior → Appearance，在 Theme 下拉菜单中可选择：

• IntelliJ Light（默认浅色）
• Darcula（经典深色）

深色主题对长时间编码更友好，减少视觉疲劳。

2. 调整字体大小

路径：Settings → Editor → Font

• 修改 Size（如设为 14 或 16）；
• 可启用 Enable font ligatures 以获得更美观的连字效果（需安装支持字体如 Fira Code）。

3. 自定义快捷键

在 Settings → Keymap 中，可以：

• 搜索命令（如 “Run”）；
• 右键为其分配新快捷键（如将运行快捷键改为 Ctrl+R）；
• 导入其他 IDE（如 VS Code、Eclipse）的快捷键方案。

4. 配置模拟器（Local Emulator）

首次运行项目前，需配置设备：

1. 点击工具栏 Device Manager；
2. 切换到 Local Emulator 标签；
3. 点击 + New Emulator，选择设备型号（如 Phone - Default）和系统镜像；
4. 下载并创建后，即可在运行时选择该模拟器。

注意：模拟器对硬件要求较高，建议开启 Intel HAXM 或使用真机调试。

5. 启用代码格式化与保存自动格式化

在 Settings → Editor → Code Style → ArkTS 中，可配置缩进、空格、换行等规则。勾选 Reformat code on save（需插件支持）或使用快捷键 Ctrl+Alt+L 手动格式化，保持代码整洁。

结语

通过今天的初步探索，我们不仅熟悉了 DevEco Studio 的五大核心界面区域，还掌握了主题、字体、快捷键、模拟器等关键设置。这些看似简单的配置，实则能极大提升后续开发的流畅度与愉悦感。接下来，我们将基于这个环境，正式开始编写第一个 HarmonyOS 应用！