超实用的DevEco Studio使用小技巧(超详细,建议收藏备用)

古语"工欲善其事,必先利其器"强调了准备和使用合适工具的重要性。在使用DevEco Studio之前,了解其必要和常用的小技巧确实有助于提高开发效率和用户体验。以下是一些建议的小技巧,可以帮助你更好地使用DevEco Studio:

一、设置中文

1. 打开DevEco Studio,然后选择【Configure】,再点击【Preferences】(也叫"首选项"或"偏好设置"):

2. 选择【Plugins】(即:插件):

3. 在【Plugins】界面,点击已安装的插件(即点击【Installed】)并搜索"chinese":

4. 默认"Chinese"是没有勾选的,此时我们把其勾选上,然后点击【OK】,再重启DevEco Studio,

5. 点击【Restart】重启IDE:

6. 重启后IDE便是中文显示了:

二、主题和字体设置:

1. 打开DevEco Studio的【Preferences】(也叫"首选项"或"偏好设置"):

2. 在【首选项】中依次选择【外观和行为】-->【外观】,便可设置主题和外观了,目前系统默认提供了四种主题和多种字体供开发者选择(也可以选择【与操作系统同步】),当然也可以通过中间的【Get more themes】获取更多的主题,大家可以根据自己的喜好来进行设置:

三、常用插件设置

1. 进入【首选项】(即:【Preferences】)后,点击【插件】(即【Plugins】),在【Marketplace】区域可以搜索你想用的插件:

2. 常用插件推荐:

  • (1) 彩虹括号(Rainbow Brackets) ,安装彩虹括号时可能会提示安装【JetBrains Marketplace Licensing】,按提示进行安装就好:

    安装好彩虹括号后,重启IDE,此时可以看到不同作用域的大括号(即:{})和小括号(即:())颜色不一样了,容易区分了不少:

  • (2) 彩虹缩进(Indent Rainbow):

    安装好彩虹缩进后,不同作用域之间会呈现多种色彩,便于区分:

  • 其他还有很多插件这里就不一一列举了(比如说:翻译插件(即:Translation)),大家开发过程中根据需要再安装对应的插件。

四、保存时自动格式化代码:

进入【首选项】后,点击【工具】,再选择【保存时的操作】,勾选【重新格式化代码】然后点击【确认】,则后面编辑代码时,只要执行代码【保存】操作(即:command+s),代码就会自动格式化:

五、代码结构树:

1. 【代码结构树】是日常开发过程当中非常好用的一个功能,它可以展示当前页面所有的函数、变量、生命周期等的相关结构层次,尤其对于代码比较多的文件更方便,可以让开发者更直观的看到当前文件的整体结构

2. 正确打开【代码结构树】:点击IDE左下角的【结构】,此时便可展示当前文件的【代码结构树】:

六、【预览器】中的组件树

1. 组件树也是日常开发中必不可少的调试工具之一,它能直观的展示当前所有组件的层次关系,同时展示了当前显示的页面的所有组件的包含关系。

2. 组件树的打开方式:打开【预览器】,然后点击上方工具栏中的两个"T"字母的标识(【TT】),便可打开组件树:

3. 组件树的展示如下图,共包含两个区域,上方是组件树的结构,下方是我们用鼠标点击相关组件后,对该组件的详细描述,包括了了组件的位置、背景色、大小等信息:

七、 标记。常用标记包括了【单行注释】、【多行注释】、【TODO】、【标签】等:

1. 单行注释:在需要注释的位置敲两个反斜杆"//" 后面再写你的描述文字则完成了单行注释,当然也可以使用快捷键【command+/】快速注释。

2.多行注释:首先选中你想要注释的区域,然后同时按着【command+option+/】,即可完成多行注释,当然你也可以直接敲【/* 内容区域 */】进行多行注释:

3. TODO(待办标记),在代码中用两个反斜杆后加【TODO】或者【todo】标识符(不区分大小写),todo后面加一个空格(一定要加空格,不然系统识别不了),然后再加描述文字,就完成了todo标记的添加。同时打开底部工具栏中的【TODO】,可以看到当前工程中所有的todo标记:

4. 书签。鼠标放在代码的【序号栏】,单击右键,可以选择【书签】,就可以为当前行的代码打上书签,工程中的书签可以点击IDE中的【Bokkmarks】中查看:

八、API参考文档。对于系统API或者说组件,有不明白时可以打开其文档查看说明文档,打开方式是:

1. 将鼠标移动到需要查看的组件(或API)上面,此时会出现一个弹框:

2.点击弹框中的【查阅API参考】,IDE右侧就会出现该组件的使用说明:

九、常用快捷键:

1. 代码格式化:选择需要格式化的代码,然后同时按【command + option+ L】。

2. 快速对整个文件进行格式化:【command + option + Shift + L】。

3. 【command + F】:在当前文件中搜索。

4. 【command + Shift + F】:全局搜索。

5. 【command + R】:当前文件替换。

6. 【command + Shift + R】:全局替换。

7. 【command + 7】:打开代码结构树。

8. 【command + option + 减号键】:折叠代码块。

9. 【command + option + 加号键】:打开代码块。

10.【Command + N】:创建一个新的项目或文件。

11.【command + o】:打开一个已存在的项目或文件。

12.【command + S】:保存当前文件。

13.【command + Shift + S】:保存所有文件。

14. 查看入参,将光标移动到需要查看方法入参的地方,然后同时按【command + P】,此时可以看到当前方法的入参简介:

十、断点调试

1. 先在需要调试的代码序号列的空白区域用鼠标单击,出现红色小圆圈:

2. 点击右上角的小虫子,运行程序即开启了程序断点调试:

相关推荐
长弓三石1 小时前
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
前端·网络·华为·harmonyos·鸿蒙
SameX3 小时前
鸿蒙 Next 电商应用安全支付与密码保护实践
前端·harmonyos
SuperHeroWu74 小时前
【HarmonyOS】键盘遮挡输入框UI布局处理
华为·harmonyos·压缩·keyboard·键盘遮挡·抬起
sanzk8 小时前
华为鸿蒙应用开发
华为·harmonyos
SoraLuna13 小时前
「Mac畅玩鸿蒙与硬件28」UI互动应用篇5 - 滑动选择器实现
macos·ui·harmonyos
ClkLog-开源埋点用户分析14 小时前
ClkLog企业版(CDP)预售开启,更有鸿蒙SDK前来助力
华为·开源·开源软件·harmonyos
mg66814 小时前
鸿蒙系统的优势 开发 环境搭建 开发小示例
华为·harmonyos
lqj_本人14 小时前
鸿蒙next选择 Flutter 开发跨平台应用的原因
flutter·华为·harmonyos
lqj_本人14 小时前
使用 Flutter 绘制一个棋盘
harmonyos
lqj_本人17 小时前
Flutter&鸿蒙next 状态管理框架对比分析
flutter·华为·harmonyos