笑看天下无敌手 发表于 2024-11-9 19:38:04

鸿蒙NEXT开发【代码阅读】DevEco Studio代码编辑

DevEco Studio支持使用多种语言进行应用/服务的开发,包括ArkTS、JS和C/C++。在编写应用/服务阶段,可以通过掌握代码编写的各种常用技巧,来提拔编码服从。
代码高亮

支持对代码关键字、运算符、字符串、类、标识符、注释等进行高亮显示,您可以打开File > Settings(macOS为DevEco Studio > Preferences)面板,在Editor > Color Scheme自界说各字段的高亮显示颜色 。 默认情况下,您可以在Language Defaults中设置源代码中的各种高亮显示方案,该设置将对全部语言收效;如果您须要针对具体语言的源码高亮显示方案进行定制,可以在左侧边栏选择对应的语言,然后取消“Inherit values from”选项后设置对应的颜色即可。
https://i-blog.csdnimg.cn/direct/cd3aa185c6e342d2ba2e101ed2929315.png
代码跳转

在编辑器中,可以按住Ctrl键(macOS为Command键),鼠标单击代码中引用的类、方法、参数、变量等名称,自动跳转到界说处。若单击界说处的类、变量等名称,当仅有一处引用时,可直接跳转到引用位置;若有多处引用,在弹窗中可以选择想要检察的引用位置。
https://i-blog.csdnimg.cn/direct/67d7cc35ccd04dff96ca5d048d1a7cd9.png
跨语言跳转

DevEco Studio支持在声明或引用了Native接口的文件中(如d.ts)跨语言跳转其对应的C/C++函数,从而提拔混淆语言开发时的开发服从。您可以选中接口名称单击右键,在弹出的菜单中选择Go To > Implementation(s) (或使用快捷键Ctrl+Alt+B,macOS为****Command**+Option+B**)实现跨语言跳转。
https://i-blog.csdnimg.cn/direct/0acaf425841a48a4983a3dd5fc790dae.png
代码格式化

代码格式化功能可以资助您快速的调整和规范代码格式,提拔代码的美观度和可读性。默认情况下,DevEco Studio已预置了代码格式化的规范,您也可以个性化的设置各个文件的格式化规范,设置方式如下:在File > Settings > Editor > Code Style(macOS为DevEco Studio > Preferences > Editor > Code Style)下,选择须要定制的文件类型,如ArkTS,然后自界说格式化规范即可。
https://i-blog.csdnimg.cn/direct/7d75d2e85a904fc0abeb639677287e68.png
在使用代码格式化功能时,您可以使用快捷键Ctrl + Alt + L(macOS为Option+Command +L) 可以快速对选定范围的代码进行格式化。
如果在进行格式化时,对于部门代码片段不须要进行自动的格式化处理,可以通过如下方式进行设置:

[*] 在File > Settings >Editor > Code Style(macOS为DevEco Studio > Preferences > Editor > Code Style),单击“Formatter”,勾选“Turn formatter on/off with markers in code comments”。
https://i-blog.csdnimg.cn/direct/308b8c27d9e248e48628d54804ae4ee6.png
[*] 在不须要进行格式化利用的代码块前增长“//@formatter:off”,并在该代码块的最后增长“//@formatter:on”,即表示对该范围的代码块不须要进行格式化利用。
https://i-blog.csdnimg.cn/direct/0a81b20079d54beb830061a7a55d648f.png
若工程已配置code-linter.json5文件,选中code-linter.json5文件右键选择Apply CodeLinter Style Rules,代码格式化规则将与已配置的code-linter.json5文件中相关规则保持一致。code-linter.json5文件配置请参考配置代码检查规则。
https://i-blog.csdnimg.cn/direct/c63b3e2612244593bc8d2b51da90cad4.png
代码折叠

支持对代码块的快速折叠和睁开,既可以单击编辑器左侧边栏的折叠和睁开按钮对代码块进行折叠和睁开利用,还可以对选中的代码块单击鼠标右键选择折叠方式,包括折叠、递归折叠、全部折叠等利用。
https://i-blog.csdnimg.cn/direct/006c3da0c51a4351a96c12bd8d6e7fc1.png
代码快速注释

支持对选择的代码块进行快速注释,使用快捷键Ctrl+/ (macOS为Command+/ )进行快速注释。对于已注释的代码块,再次使用快捷键Ctrl+/ (macOS为Command+/ )取消注释。
https://i-blog.csdnimg.cn/direct/db8d0c2460c34340ab8a11435fee7ab0.png
代码结构树

使用快捷键Alt + 7 / Ctrl + F12(macOS为Command+7)打开代码结构树,快速检察文件代码的结构树,包括全局变量和函数,类成员变量和方法等,并可以跳转到对应代码行。
https://i-blog.csdnimg.cn/direct/562eb2379a44433dae05f71db18bbb11.png
代码引用查找

提供Find Usages代码引用查找功能,资助开发者快速检察某个对象(变量、函数或者类等)被引用的地方,用于后续的代码重构,可以极大的提拔开发者的开发服从。
使用方法:在要查找的对象上,单击鼠标右键 > Find Usages或使用快捷键Alt +F7(macOS为Option + F7)。可点击
图标检察变量赋值位置,点击图标检察变量引用情况。
https://i-blog.csdnimg.cn/direct/06aacfc5fe554b7fa22628297dc5edd8.png
函数注释生成

DevEco Studio支持在函数界说处,快速生成对应的注释。在函数界说的代码块前,输入 “/”+回车键**,快速生成注释信息。
说明
C++文件同时支持使用 “//!”+回车 键快速生成注释。
https://i-blog.csdnimg.cn/direct/3eabf70b6fa84137a7d937a4cf49c8c2.png
代码查找

通过对符号、类或文件的即时导航来查找代码。检查调用或类型条理结构,轻松地搜索工程里的全部内容。通过一连点击两次 Shift快捷键,打开代码查找界面,在搜索框中输入须要查找内容,下方窗口实时展示搜索结果。双击查找的结果可以快速打开所在文件的位置。
https://i-blog.csdnimg.cn/direct/70d62620e89d4da2852f938162b62139.png
快速查阅API接口及组件参考文档

在编辑器中调用ArkTS/JS API或组件时,支持在编辑器中快速、精准调取出对应的参考文档。
可在编辑器中,鼠标悬停在须要查阅的接口或组件,弹窗将显示当前接口/组件在不同API版本下的参数等信息,单击弹窗右下角Show in API Reference,可以快速查阅更具体的API文档。
说明
DevEco Studio集成了离线版API参考类文档。
https://i-blog.csdnimg.cn/direct/dae4b8b44bed4d43bb5c96517237d6e1.png
在弹窗中可以检察:

[*]使用的API是否涉及权限申请或仅支持在测试框架下使用。
[*]使用的接口状态。deprecated标签表示即将废弃的API接口,可使用useinstead标志的API进行替换,请开发时关注。
https://i-blog.csdnimg.cn/direct/e5ffb43e1b7140e592d0ccdb55f90232.png
Optimize Imports功能

使用编辑器提供的Optimize Imports,可以快速扫除未使用的import,并根据设置的规则对import进行合并或排序。选择文件或目录,使用快捷键Ctrl+Alt+O(macOS为Control+Option+O),或单击菜单栏Code > Optimize Imports。
https://i-blog.csdnimg.cn/direct/59b5e823c27a4463ad13ddbb9838aa74.png
如需修改优化配置,进入File > Settings… > Editor > Code Style,选择开发语言(当前以ArkTS为例),在Imports标签页中,可选择在优化时是否需合并来自同一模块的import,是否须要对同一条import语句导入的元素进行排序,或对多条import语句按模块排序。
https://i-blog.csdnimg.cn/direct/17557e770f844ac19c542d440b333ad5.png
父/子类快速跳转

编辑器支持快速跳转至当前接口、类、方法、属性的子类/父类。点击代码编辑区域左侧的Gutter Icons(装订线图标)可以跳转到对应的父/子接口或类。如有多个继承关系,在弹窗的文件列表中选择须要检察的接口/类即可。
https://i-blog.csdnimg.cn/direct/828e8b5c3e70477a9d392623b82f9ee1.png
https://i-blog.csdnimg.cn/direct/773f0d7bb5154b029c12796089063b49.png
本功能默认开启,可以通过菜单栏进入File > Settings > Editor > General > Gutter Icons,通过勾选或取消勾选Implemented、Implementing、Overridden、Overriding四项可以开启或关闭该功能。
https://i-blog.csdnimg.cn/direct/24f6816d32064fdbbbe0fb15b5042e04.png
检察接口/类的条理结构

编辑器支持检察当前接口/类父类或子类的条理结构。选中或将光标放置于类/接口名称处,使用快捷键Ctrl+H,或在菜单栏Navigate页签下选择Type Hierarchy,在弹出的Hierarchy窗口中检察接口/类的继承关系结构。
https://i-blog.csdnimg.cn/direct/fb93208ee1884571bb26de75f50313c0.png
Hierarchy窗口按钮功能:
https://i-blog.csdnimg.cn/direct/7d246de1c9cf47d293a9a195877c4553.png

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 鸿蒙NEXT开发【代码阅读】DevEco Studio代码编辑