古语"工欲善其事,必先利其器"强调了准备和使用合适工具的重要性。在使用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. 点击右上角的小虫子,运行程序即开启了程序断点调试:
