【HarmonyOS 5】鸿蒙CodeGenie AI辅助编程工具详解
一、前言
1、CodeGenie是什么? CodeGenie (代码精灵)作为鸿蒙DevEco IDE自带的AI辅助编码工具。
关于IDE版本和CodeGenie映射关系的问题: 建议使用 DevEco Studio 5.0.3.403 及以上版本来使用 CodeGenie。在 DevEco Studio 5.0.4 Release 版本中,CodeGenie 已经作为自带插件可用,说明在该版本时 CodeGenie 已能较好地满足开发需求。
若使用非最新版本的DevEco Studio,可通过插件下载中心获取并使用相关功能。调用效果和自带是一样的,只是多了手动安装插件的步骤。
2、CodeGenie有什么作用? (1)智能知识问答:(详细步骤见章节三) 开发者在开发过程中遇到问题,可通过IDE自带的该工具,进行AI文化回答的形式,获取相关知识解答。
(2)ArkTS 代码生成: 帮助开发者生成 ArkTS 代码,提高编码效率,减少手动编写代码的工作量。
通过问答的形式,生成代码示例源码(详细步骤见章节三)。 或者手动打开,代码生成功能,可以开发者编码时,自动提示。进入File > Settings >DevEco CodeGenie > Code Generation页面开启。
根据快捷键操作,生成单行或者多行代码。开发者通过自动生成代码顶部的菜单栏进行确认或者取消操作。
操作 | macOS | Windows |
---|---|---|
触发多行代码生成 | Enter、Option+C | Enter、Alt+C |
触发单行代码生成 | Option+X | Alt+X |
采纳生成的代码 | Tab | Tab |
忽略生成的代码 | Esc | Esc |
查看上一个代码生成结果 | Option +[ | Alt + [ |
查看下一个代码生成结果 | Option + ] | Alt + ] |
重新生成代码内容(最多支持重新生成5次) | Option + R | Alt + R |
展示CodeGenie面板 | Option + U | Alt + U |
(3)万能卡片生成: 具备生成万能卡片的能力,方便开发者在应用开发中实现相关功能。 这个功能其实是将上面两个功能进行了结合,通过回答的形式,一步一步将卡片需求,AI编码助手进行开发完善。
二、在IDE中使用CodeGenie的菜单View(智能问答/代码生成)详细步骤
1、首先下载对应IDE版本(建议使用目前最新的IDE版本) 2、打开DevEco IDE后,手动点击右边的CodeGenie菜单(或者使用快捷键 Alt + U,mac是Option + U) 3、菜单显示效果如下图所示,右边为中文翻译效果。我们在第一次使用AI辅助编码工具时,CodeGenie需要进行协议的确认。我们点击勾选已阅读后。再点击登录。这里的登录和IDE右上角的登录是一样的效果,都是跳转到浏览器使用网页登录华为开发者账号。 4、在我们登录之后,就会进入CodeGenie的主菜单界面。双击上方的标题栏,可以放大或者缩小菜单View布局。主界面主要由编码助手的介绍和知识问答与生成代码两个入门组成。
当我们点击两个入门其中一个后,最下方的输入栏位置就会显示对应的输入内容。此时我们在输入栏,输入对应的提示词后,AI就会生成对应的结果。是回答还是代码。切记要通过入门选择。
5、当我们的回答结束后,想切入到代码时,应该怎么办?只需要点击右下角的new chat(开启新会话即可)。代码切回答,同理。

三、在IDE中使用CodeGenie的编译报错智能分析与代码智能解读
1、编译报错智能分析 编译报错后,点击蓝色按钮提示,就会自动唤起AI编码助手的菜单View。对于编译错误信息进行解释。
2、代码智能解读 我使用的是DevEco Studio 5.0.5 Release。目前并没有官方文档提示:选中.ets文件或者.cpp文件中需要被解释的代码行或代码片段,右键选择CodeGeine > Explain Code,开始解读当前代码内容。
已经提工单了,后续有反馈结果在这里更新。