【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 已能較好地滿足開發(fā)需求。

若使用非最新版本的DevEco Studio，可通過插件下載中心獲取并使用相關功能。調用效果和自帶是一樣的，只是多了手動安裝插件的步驟。

2、CodeGenie有什么作用？
（1）智能知識問答：（詳細步驟見章節(jié)三）
開發(fā)者在開發(fā)過程中遇到問題，可通過IDE自帶的該工具，進行AI文化回答的形式，獲取相關知識解答。

（2）ArkTS 代碼生成：
幫助開發(fā)者生成 ArkTS 代碼，提高編碼效率，減少手動編寫代碼的工作量。

通過問答的形式，生成代碼示例源碼（詳細步驟見章節(jié)三）。

或者手動打開，代碼生成功能，可以開發(fā)者編碼時，自動提示。進入File > Settings >DevEco CodeGenie > Code Generation頁面開啟。

根據快捷鍵操作，生成單行或者多行代碼。開發(fā)者通過自動生成代碼頂部的菜單欄進行確認或者取消操作。

（3）萬能卡片生成：
具備生成萬能卡片的能力，方便開發(fā)者在應用開發(fā)中實現相關功能。
這個功能其實是將上面兩個功能進行了結合，通過回答的形式，一步一步將卡片需求，AI編碼助手進行開發(fā)完善。

二、在IDE中使用CodeGenie的菜單View（智能問答/代碼生成）詳細步驟

1、首先下載對應IDE版本（建議使用目前最新的IDE版本）
2、打開DevEco IDE后，手動點擊右邊的CodeGenie菜單（或者使用快捷鍵 Alt + U，mac是Option + U）
3、菜單顯示效果如下圖所示，右邊為中文翻譯效果。我們在第一次使用AI輔助編碼工具時，CodeGenie需要進行協議的確認。我們點擊勾選已閱讀后。再點擊登錄。這里的登錄和IDE右上角的登錄是一樣的效果，都是跳轉到瀏覽器使用網頁登錄華為開發(fā)者賬號。

4、在我們登錄之后，就會進入CodeGenie的主菜單界面。雙擊上方的標題欄，可以放大或者縮小菜單View布局。主界面主要由編碼助手的介紹和知識問答與生成代碼兩個入門組成。

當我們點擊兩個入門其中一個后，最下方的輸入欄位置就會顯示對應的輸入內容。此時我們在輸入欄，輸入對應的提示詞后，AI就會生成對應的結果。是回答還是代碼。切記要通過入門選擇。

5、當我們的回答結束后，想切入到代碼時，應該怎么辦？只需要點擊右下角的new chat（開啟新會話即可）。代碼切回答，同理。

三、在IDE中使用CodeGenie的編譯報錯智能分析與代碼智能解讀

1、編譯報錯智能分析

編譯報錯后，點擊藍色按鈕提示，就會自動喚起AI編碼助手的菜單View。對于編譯錯誤信息進行解釋。

2、代碼智能解讀
我使用的是DevEco Studio 5.0.5 Release。目前并沒有官方文檔提示：選中.ets文件或者.cpp文件中需要被解釋的代碼行或代碼片段，右鍵選擇CodeGeine > Explain Code，開始解讀當前代碼內容。

已經提工單了，后續(xù)有反饋結果在這里更新。

審核編輯 黃宇