@TOC

前言

磨刀不误砍柴工，利器在手事半功倍。整个开发阶段，我们使用的工具和平台都在下面了。
一口不能吃成胖子。不贪多一个个来，我们先了解一下第一个，也就是开发所使用的IDE，华为提供了一站式IDE———DevEco Studio。

一、DevEco Studio介绍

DevEco Studio是基于JetBranis平台的IntelliJ IDEA Community开源版本深度定制开发，是面向全场景多设备的一站式分布式应用开发平台，支持HarmonyOS和OpenHarmony应用及服务开发。

提供了AI辅助编程、编译构建、UI实时预览、代码调试、性能调优、模拟器等功能，帮助你高效开发鸿蒙应用及元服务。

这种一站式的IED，安装都是傻瓜式（一直点下一步）的，我这里就不提了，官方下载地址。

EevEco Studio打开之后，是下面这个样子的，我这边划分了几个区域，

• 项目目录区域
• 代码区域
• 预览区域（觉得写页面的时候，这个实时预览还是很有用的）
• 输出区
  

二、小试牛刀

开发IDE我们已经安装好了，然后我们可以开始创建项目了。
我们这里选择第一个就好了，然后点击下一步。

创建项目时，我们需要填写项目的配置信息，依次是

• Project name：项目名称
• Bundle name：包名（这个是唯一的，一定要符合行业规范）
• Save location：项目保存地址
• Compatible SDK：使用的SDK版本
• Module name：模块名称（默认是entry，在构建的项目目录中可以看到）、
• Device type：支持的设备类型（手机、平板、2合一、车），其中2合一我不是很清楚是什么？后面知道了，再解释吧。
  
  然后点击Finish。等待构建完成，就可以看到的主页面。左侧项目目录区域，我们可以看到
• AppScope：项目的公共信息和资源
• entry：默认模块代码和配置区域
• 以及项目的配置区域
  

三、熟悉IED

打仗的时候，士兵都是要先充分熟悉武器之后才能上战场的。所以我们也要对这个我们以后要经常使用的兄弟（DevEco Studio)进一步的了解。进行自定义的改造，比如你不喜欢暗黑色模式，该怎么调整，感觉代码字体太小，怎么修改变大、项目目录列表太多怎么分类显示、怎么运行模拟器等等

1.更换主题

将默认的暗黑色主题改成亮色主题模式。通过点击顶部菜单DevEco Studio，在下拉菜单中选中Preferences，然后在弹出的菜单中找到Appearance,然后点击Theme的主题样式。

比如我们选中了Interlij Light模式，点击之后IDE就肉眼可变的发现变成亮色模式了。

2.调整字体

我们可能会感觉这个字体不好写，或者觉得有点小，没关系我们只需要还在Theme的主题内进行修改就行。

3.项目目录清爽显示

我们可能会感觉项目目录显示的太乱了，特别是这里既有模块的配置，又有项目的配置，名称还是一样更容易乱了。其实也很简单的。
找到下方图片中的Project，点击右侧的小箭头，然后会出现一个菜单，你选中Ohos。

修改之后是不是很清爽了。

4.代码区域显示多窗口

我们使用过VS Code 的都知道，它的代码区域可以显示两列，在进行对比的时候特别方便。DevEco Studio也是可以的。

在代码区域找到你想要进行分栏的文件，然后鼠标左键按住拖拽，显示出下方图片右侧样式时，松开即可。

松开之后，会发现又多了一栏。

也可以做成这种上下分栏的。

5.保存时自动格式代码

还是配置弹窗中找到工具，找到保存时操作这一栏的重新格式化代码。这样在保存的时候，自动会格式化代码。

6.查看代码结构

在左下角有个结构按钮，我们点开会出现当前代码页面的代码结构，特别适用于代码较长的页面。效果如下。可以通过点击结构窗口中的方法，快速找到对应的方法。

7.快速定位代码位置

我觉得打标记和添加书签功能类似，就只写打标记。
只要打上了标记，我就能分分钟找到你。通过使用 // todo + 标记注释，在底部工具栏中的TODO窗口，可以快速定位到你标记内容，真的是分分钟找到你。

如果说通过结构可以快速定位本页面的方法位置，通过标记可以跨页面进行定位。

如果说通过结构可以快速定位本页面的方法位置，通过标记可以跨页面进行定位。

8.快速定位当前文件位置

通过点击下图的按钮，可以快速定位到当前文件所在项目目录中的位置。

四、升级装备（插件助力）

这个时候我们是可以进行写代码了，但是还不要着急，我们可以对我们的IDE进行升级改造。比如现在IDE语言是英文的，可能有些不太方便…

通过点击顶部菜单DevEco Studio，在下拉菜单中选中Preferences，然后在弹出的菜单中找到搜索Plugin,然后就可以看到插件市场Marketplace和已经安装的插件Installed。
我们可以通过插件市场Marketplace进行搜索插件，点击Install进行安装。

1.汉化IDE

插件市场Marketplace进行搜索chinse，如果没有搜到到，可以在*Install中找一下，我是在这里找到的。然后进行点击右下角的Apply**应用，点击OK。

这个是IED提示你要进行重启，重启之后就变成汉化版本的了。

2.遇见彩虹

彩虹缩进和彩虹括号
插件市场Marketplace进行搜索Indent Rainbow和Rainbow Brackets，安装流程也是一样的，也需要重启IDE，效果如下图。

还要那些好用的插件呢，大家可以评论告诉我一下，谢谢

总结

不得不说分享是最好的老师，如果我不进行记录，可能不会记住这么多东西的。原来知识点还是挺多的呢，如果不通过博客的方式写出来，真的不会意识到有这么多内容。也不会学的这么自信认真。

有这么多知识点，鸿蒙元服务的大门我们还没入，要抓紧时间学习了。

参考资料

• 华为官方DevEco Studio
• 华为官方文档中心
• DevEco Studio 的22个使用技巧（harmony、ArkUI、ArkTS）