古语"工欲善其事,必先利其器"强调了准备和使用合适工具的重要性。在使用DevEco Studio之前,了解其必要和常用的小技巧确实有助于提高开发效率和用户体验。以下是一些建议的小技巧,可以帮助你更好地使用DevEco Studio:
一、设置中文
1. 打开DevEco Studio,然后选择【Configure】,再点击【Preferences】(也叫"首选项"或"偏好设置"):
![](https://file.jishuzhan.net/article/1779820252440301570/f7427239dbff734e29435b8b842c29a2.webp)
2. 选择【Plugins】(即:插件):
![](https://file.jishuzhan.net/article/1779820252440301570/aa56ad3b78b7c38e78d04db9d5f1b982.webp)
3. 在【Plugins】界面,点击已安装的插件(即点击【Installed】)并搜索"chinese":
![](https://file.jishuzhan.net/article/1779820252440301570/99b0a80b98a8df8f1b0bf138e4068886.webp)
4. 默认"Chinese"是没有勾选的,此时我们把其勾选上,然后点击【OK】,再重启DevEco Studio,
![](https://file.jishuzhan.net/article/1779820252440301570/2a2d5d1cf0c0c31c379fff4a029ca863.webp)
5. 点击【Restart】重启IDE:
![](https://file.jishuzhan.net/article/1779820252440301570/b852237442b37223ca9f28c51162abce.webp)
6. 重启后IDE便是中文显示了:
![](https://file.jishuzhan.net/article/1779820252440301570/a77ade82f1a717e1cdea0e82dfb454f1.webp)
二、主题和字体设置:
1. 打开DevEco Studio的【Preferences】(也叫"首选项"或"偏好设置"):
![](https://file.jishuzhan.net/article/1779820252440301570/cd9b3787435dd3fb0b32a8b5ca57da75.webp)
2. 在【首选项】中依次选择【外观和行为】-->【外观】,便可设置主题和外观了,目前系统默认提供了四种主题和多种字体供开发者选择(也可以选择【与操作系统同步】),当然也可以通过中间的【Get more themes】获取更多的主题,大家可以根据自己的喜好来进行设置:
![](https://file.jishuzhan.net/article/1779820252440301570/2e8d8a7e4fb407fc4659c3a04bc8cace.webp)
三、常用插件设置
1. 进入【首选项】(即:【Preferences】)后,点击【插件】(即【Plugins】),在【Marketplace】区域可以搜索你想用的插件:
![](https://file.jishuzhan.net/article/1779820252440301570/91aa6137e1f6925dcf05e32a850dfc06.webp)
2. 常用插件推荐:
-
(1) 彩虹括号(Rainbow Brackets) ,安装彩虹括号时可能会提示安装【JetBrains Marketplace Licensing】,按提示进行安装就好:
安装好彩虹括号后,重启IDE,此时可以看到不同作用域的大括号(即:{})和小括号(即:())颜色不一样了,容易区分了不少:
-
(2) 彩虹缩进(Indent Rainbow):
安装好彩虹缩进后,不同作用域之间会呈现多种色彩,便于区分:
-
其他还有很多插件这里就不一一列举了(比如说:翻译插件(即:Translation)),大家开发过程中根据需要再安装对应的插件。
四、保存时自动格式化代码:
进入【首选项】后,点击【工具】,再选择【保存时的操作】,勾选【重新格式化代码】然后点击【确认】,则后面编辑代码时,只要执行代码【保存】操作(即:command+s),代码就会自动格式化:
五、代码结构树:
1. 【代码结构树】是日常开发过程当中非常好用的一个功能,它可以展示当前页面所有的函数、变量、生命周期等的相关结构层次,尤其对于代码比较多的文件更方便,可以让开发者更直观的看到当前文件的整体结构
2. 正确打开【代码结构树】:点击IDE左下角的【结构】,此时便可展示当前文件的【代码结构树】:
![](https://file.jishuzhan.net/article/1779820252440301570/f4d1752678b14893ee6fb91cb83bbc4c.webp)
六、【预览器】中的组件树
1. 组件树也是日常开发中必不可少的调试工具之一,它能直观的展示当前所有组件的层次关系,同时展示了当前显示的页面的所有组件的包含关系。
2. 组件树的打开方式:打开【预览器】,然后点击上方工具栏中的两个"T"字母的标识(【TT】),便可打开组件树:
![](https://file.jishuzhan.net/article/1779820252440301570/444604b00600a1c43f6dc74509456cc5.webp)
3. 组件树的展示如下图,共包含两个区域,上方是组件树的结构,下方是我们用鼠标点击相关组件后,对该组件的详细描述,包括了了组件的位置、背景色、大小等信息:
![](https://file.jishuzhan.net/article/1779820252440301570/91a3f72dcc29ac8755b33bd178a1b8eb.webp)
七、 标记。常用标记包括了【单行注释】、【多行注释】、【TODO】、【标签】等:
1. 单行注释:在需要注释的位置敲两个反斜杆"//" 后面再写你的描述文字则完成了单行注释,当然也可以使用快捷键【command+/】快速注释。
2.多行注释:首先选中你想要注释的区域,然后同时按着【command+option+/】,即可完成多行注释,当然你也可以直接敲【/* 内容区域 */】进行多行注释:
![](https://file.jishuzhan.net/article/1779820252440301570/078c54292f2b3fb3b68e273ac0d60237.webp)
3. TODO(待办标记),在代码中用两个反斜杆后加【TODO】或者【todo】标识符(不区分大小写),todo后面加一个空格(一定要加空格,不然系统识别不了),然后再加描述文字,就完成了todo标记的添加。同时打开底部工具栏中的【TODO】,可以看到当前工程中所有的todo标记:
![](https://file.jishuzhan.net/article/1779820252440301570/1264249821516efb0236f37c9eb6365f.webp)
4. 书签。鼠标放在代码的【序号栏】,单击右键,可以选择【书签】,就可以为当前行的代码打上书签,工程中的书签可以点击IDE中的【Bokkmarks】中查看:
![](https://file.jishuzhan.net/article/1779820252440301570/c0fd494b66be6236c0a350a599176ad5.webp)
八、API参考文档。对于系统API或者说组件,有不明白时可以打开其文档查看说明文档,打开方式是:
1. 将鼠标移动到需要查看的组件(或API)上面,此时会出现一个弹框:
![](https://file.jishuzhan.net/article/1779820252440301570/1c2feab0c6cac8eb975a61b79ea67b3c.webp)
2.点击弹框中的【查阅API参考】,IDE右侧就会出现该组件的使用说明:
![](https://file.jishuzhan.net/article/1779820252440301570/ab9b3ae97bf0af0733e72be944936a3b.webp)
九、常用快捷键:
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】,此时可以看到当前方法的入参简介:
![](https://file.jishuzhan.net/article/1779820252440301570/1e2e90332510c6befb1fa361986f164d.webp)
十、断点调试
1. 先在需要调试的代码序号列的空白区域用鼠标单击,出现红色小圆圈:
![](https://file.jishuzhan.net/article/1779820252440301570/194ce6e884b2bfc2ea5446b27d6a4054.webp)
2. 点击右上角的小虫子,运行程序即开启了程序断点调试:
![](https://file.jishuzhan.net/article/1779820252440301570/7ca08b35955c3c82bb1c9e3fc200ac0e.webp)