探秘鸿蒙 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”,随心配色!

image.png

快速跳转,方便查找

代码最怕的就是“迷路”了对吧?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+7Ctrl+F12(macOS 是 Command+7),就能看到当前文件的结构树——类、函数、变量、属性都能一目了然。

快速查找/引用定位

你可以用 Find Usages 快速找出变量、类、函数的引用位置:

  • 方法:右键对象名 > Find Usages,或 Alt+F7(macOS 是 Option+F7);
  • 想快速定位所有内容?连按两次 Shift 键,输入关键词,快速全局搜索!
image.png

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快捷键,打开代码查找界面,在搜索框中输入需要查找内容,下方窗口实时展示搜索结果。单击查找的结果可以快速打开所在文件的位置。

image.png

快速查阅API接口及组件参考文档

在编辑器中,鼠标悬停在需要查阅的接口或组件,弹窗将显示当前接口/组件在不同API版本下的参数等信息,单击弹窗右下角Show in API Reference,或选中接口或组件,右键点击Show in API Reference,可以快速查阅更详细的API文档。


父/子类快速跳转

如果你写的是类或者接口结构比较复杂的代码,编辑器支持快速跳转至当前接口、类、方法、属性的子类/父类。点击代码编辑区域左侧的Gutter Icons(装订线图标)可以跳转到对应的父/子接口或类。如有多个继承关系,在弹窗的文件列表中选择需要查看的接口/类即可。
比如:

  • Implemented:跳转到实现类
  • Overridden:跳转到子类重写方法
  • Implementing:跳父接口
  • Overriding:跳父类方法
image.png

本功能默认开启,可以通过菜单栏进入File > Settings > Editor > General > Gutter Icons,通过勾选或取消勾选Implemented、Implementing、Overridden、Overriding四项可以开启或关闭该功能。

File > Settings > Editor > General > Gutter Icons

查看接口/类的层次结构

编辑器支持查看当前接口/类父类或子类的层次结构。选中或将光标放置于类/接口名称处,使用快捷键Ctrl+H,或在菜单栏Navigate页签下选择Type Hierarchy,在弹出的Hierarchy窗口中查看接口/类的继承关系结构。

image.png

总结

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

版权声明:
作者:倾城
链接:https://www.techfm.club/p/217272.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>