探秘鸿蒙 HarmonyOS NEXT:DevEco Studio 高效开发技巧
嘿,开发鸿蒙项目的小伙伴们!如果你在用 DevEco Studio 开发 HarmonyOS 应用或者元服务,不妨花几分钟看看这篇文章,教你怎么用一些编辑器小技巧,大大提升开发效率。无论你是写 ArkTS、JS 还是 C/C++,都有用!
代码高亮,阅读更清晰
我们写代码的时候,看得清、看得爽非常重要。DevEco Studio 会自动把关键字、类名、字符串、注释等不同元素高亮显示。你还可以自定义这些颜色:
点开菜单的 File > Settings(Mac 是 DevEco Studio > Preferences),在 Editor > Color Scheme 里就能搞定。
而且,想全局设置?用 Language Defaults。想对某种语言单独设置?取消“Inherit values from”,随心配色!

快速跳转,方便查找
写代码最怕的就是“迷路”了对吧?DevEco Studio 支持 代码跳转 功能,只要按住:
- 在编辑器中,可以按住Ctrl键(macOS为Command键),鼠标单击代码中引用的类、方法、参数、变量等名称,自动跳转到定义处
- 若单击定义处的类、变量等名称,当仅有一处引用时,可直接跳转到引用位置
- 若有多处引用,在弹窗中可以选择想要查看的引用位置
- 如果你在做混合语言开发,比如 ArkTS 和 C/C++ 交互,也能实现“跨语言跳转”!您可以选中接口名称单击右键,在弹出的菜单中选择Go To > Implementation(s) 或使用快捷键Ctrl+Alt+B,macOS为Command+Option+B实现跨语言跳转。
代码格式化,整洁看得爽
- 手写的代码有时候格式不那么美观?别担心,DevEco Studio 提供了自动格式化功能。按 Ctrl + Alt + L(Mac 是 Option + Command + L)就能一键美化选中区域 。
- 你还可以通过 Settings > Code Style 来自定义格式化规则
- 甚至还能设置哪些代码段不自动格式化,用注释包起来:
//@formatter:off
// 这段代码我自己排好了格式
//@formatter:on
- 如果你用
code-linter.json5
配了代码检查规则,还可以右键它 → “Apply CodeLinter Style Rules”,也可以右键应用它的规则来格式化整个项目
代码折叠、代码注释、查看结构树……通通支持!
- 想让代码清爽点?点击左侧的箭头,就能折叠/展开代码块;
- 快速注释代码:
Ctrl+/
(macOS 是Command+/
),再按一次是取消注释; - 查看当前文件结构?用
Alt+7
或Ctrl+F12
(macOS 是Command+7
),就能看到当前文件的结构树——类、函数、变量、属性都能一目了然。
快速查找/引用定位
你可以用 Find Usages 快速找出变量、类、函数的引用位置:
- 方法:右键对象名 > Find Usages,或
Alt+F7
(macOS 是Option+F7
); - 想快速定位所有内容?连按两次 Shift 键,输入关键词,快速全局搜索!

API 文档查阅也超方便
在你使用 API 的时候,鼠标悬停就能看到参数和版本信息。如果想看更详细的文档:
- 点击弹窗里的“Show in API Reference”,或者
- 右键接口名 > “Show in API Reference”
离线也能看,文档集成了最新版的参考资料哦!
Optimize Imports,一键整理导入
使用编辑器提供的Optimize Imports,可以快速清除未使用的import,并根据设置的规则对import进行合并或排序。选择文件或目录,使用快捷键Ctrl+Alt+O(macOS为Control+Option+O),或单击菜单栏Code > Optimize Imports。
File > Settings > Editor > Code Style > ArkTS > Imports
代码查找
通过对符号、类或文件的即时导航来查找代码。检查调用或类型层次结构,轻松地搜索工程里的所有内容。通过连续点击两次Shift快捷键,打开代码查找界面,在搜索框中输入需要查找内容,下方窗口实时展示搜索结果。单击查找的结果可以快速打开所在文件的位置。

快速查阅API接口及组件参考文档
在编辑器中,鼠标悬停在需要查阅的接口或组件,弹窗将显示当前接口/组件在不同API版本下的参数等信息,单击弹窗右下角Show in API Reference,或选中接口或组件,右键点击Show in API Reference,可以快速查阅更详细的API文档。
父/子类快速跳转
如果你写的是类或者接口结构比较复杂的代码,编辑器支持快速跳转至当前接口、类、方法、属性的子类/父类。点击代码编辑区域左侧的Gutter Icons(装订线图标)可以跳转到对应的父/子接口或类。如有多个继承关系,在弹窗的文件列表中选择需要查看的接口/类即可。
比如:
- Implemented:跳转到实现类
- Overridden:跳转到子类重写方法
- Implementing:跳父接口
- Overriding:跳父类方法

本功能默认开启,可以通过菜单栏进入File > Settings > Editor > General > Gutter Icons,通过勾选或取消勾选Implemented、Implementing、Overridden、Overriding四项可以开启或关闭该功能。
File > Settings > Editor > General > Gutter Icons
查看接口/类的层次结构
编辑器支持查看当前接口/类父类或子类的层次结构。选中或将光标放置于类/接口名称处,使用快捷键Ctrl+H,或在菜单栏Navigate页签下选择Type Hierarchy,在弹出的Hierarchy窗口中查看接口/类的继承关系结构。

总结
DevEco Studio 不只是个写代码的 IDE,它其实藏了超多提升开发效率的小工具。如果你能灵活运用上面这些技巧,开发 HarmonyOS 应用简直事半功倍。欢迎大家去尝试~
共有 0 条评论