DevEco Studio常用快捷操作

本文同步发表于我的微信公众号，微信搜索 程语新视界 即可关注，每个工作日都有文章更新

一、代码高亮功能

1.1 高亮显示支持

• 支持元素：代码关键字、运算符、字符串、类、标识符、注释等
• 自定义设置：
  • 路径：File > Settings > Editor > Color Scheme (macOS: DevEco Studio > Preferences > Editor > Color Scheme)
  • 全局设置：Language Defaults 中对所有语言生效
  • 语言特定设置：取消"Inherit values from"选项后可单独定制

二、代码导航功能

2.1 基础跳转

• 操作方式：Ctrl+单击（Windows）或 Command+单击（macOS）
• 功能：跳转到类、方法、参数、变量等定义处
• 反向跳转：从定义处单击可跳转到引用位置（单引用直接跳转，多引用弹出选择窗口）

2.2 跨语言跳转

• 适用场景：Native接口声明文件（如.d.ts文件）与C/C++实现之间的跳转
• 操作方式：
  • 右键菜单：Go To > Implementation(s)
  • 快捷键：Ctrl+Alt+B（Windows）或 Command+Option+B（macOS）
• 价值：大幅提升混合语言开发效率

三、代码格式化

3.1 格式化配置

• 配置路径：File > Settings > Editor > Code Style (macOS: Preferences > Editor > Code Style)
• 文件类型支持：支持ArkTS等多种文件类型的个性化格式化规范定制

3.2 快速格式化

• 快捷键：Ctrl+Alt+L（Windows）或 Option+Command+L（macOS）
• 范围选择：支持对选定代码块进行格式化

3.3 选择性格式化控制

• 启用方法：Formatter设置中勾选"Turn formatter on/off with markers in code comments"
• 使用方式：

  //@formatter:off
  // 此范围内的代码不会进行格式化
  const   unformattedCode =   "保持原样";
  //@formatter:on

3.4 代码检查集成

• 配置文件：code-linter.json5
• 应用方式：右键文件选择"Apply CodeLinter Style Rules"
• 效果：代码格式化规则与配置的检查规则保持一致

四、代码折叠与展开

4.1 操作方式

• 侧边栏操作：单击编辑器左侧的折叠/展开按钮
• 右键菜单：选中代码块后右键选择折叠方式
• 折叠选项：
  • 折叠：折叠当前代码块
  • 递归折叠：递归折叠所有子代码块
  • 全部折叠：折叠所有可折叠代码块

五、代码注释管理

5.1 快速注释

• 快捷键：Ctrl+/（Windows）或 Command+/（macOS）
• 功能：
  • 对选中代码块添加注释
  • 对已注释代码再次使用取消注释
• 支持语言：ArkTS、JavaScript、C/C++等

六、代码结构分析

6.1 结构树查看

• 快捷键：Alt+7 或 Ctrl+F12（Windows）；Command+7（macOS）
• 显示内容：
  • 全局变量和函数
  • 类成员变量和方法
  • 支持跳转到对应代码行

6.2 引用查找功能

• 功能名称：Find Usages
• 启动方式：
  • 右键菜单：Find Usages
  • 快捷键：Alt+F7（Windows）；Option+F7（macOS）
• 显示信息：
  • 变量赋值位置（点击特定图标查看）
  • 变量引用情况（点击特定图标查看）
• 应用价值：极大提升代码重构效率

七、多语言开发支持

7.1 支持语言

• ArkTS：鸿蒙应用开发主要语言
• JavaScript：Web开发语言支持
• C/C++：Native开发语言支持

7.2 混合开发增强

• 类型标注：ESObject类型用于标注JS/TS对象
• 无缝跳转：在不同语言文件间实现快速导航

八、总结

DevEco Studio提供了一整套的代码编辑和阅读工具链，从基础的高亮显示到高级的跨语言跳转，涵盖了开发所需的全部功能。

1. 大幅提升编码效率：减少机械性操作时间
2. 提高代码质量：通过规范化和检查工具维护代码标准
3. 降低维护成本：优秀的导航能力使大型项目更易维护
4. 促进团队协作：统一的开发环境减少协作摩擦