【HarmonyOS 5】鴻蒙CodeGenie AI輔助編程工具詳解

一、前言

1、CodeGenie是什么？
CodeGenie （代碼精靈）作為鴻蒙DevEco IDE自帶的AI輔助編碼工具。

關(guān)于IDE版本和CodeGenie映射關(guān)系的問(wèn)題：
建議使用 DevEco Studio 5.0.3.403 及以上版本來(lái)使用 CodeGenie。在 DevEco Studio 5.0.4 Release 版本中，CodeGenie 已經(jīng)作為自帶插件可用，說(shuō)明在該版本時(shí) CodeGenie 已能較好地滿足開(kāi)發(fā)需求。

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

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

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

通過(guò)問(wèn)答的形式，生成代碼示例源碼（詳細(xì)步驟見(jiàn)章節(jié)三）。

或者手動(dòng)打開(kāi)，代碼生成功能，可以開(kāi)發(fā)者編碼時(shí)，自動(dòng)提示。進(jìn)入File > Settings >DevEco CodeGenie > Code Generation頁(yè)面開(kāi)啟。

根據(jù)快捷鍵操作，生成單行或者多行代碼。開(kāi)發(fā)者通過(guò)自動(dòng)生成代碼頂部的菜單欄進(jìn)行確認(rèn)或者取消操作。

（3）萬(wàn)能卡片生成：
具備生成萬(wàn)能卡片的能力，方便開(kāi)發(fā)者在應(yīng)用開(kāi)發(fā)中實(shí)現(xiàn)相關(guān)功能。
這個(gè)功能其實(shí)是將上面兩個(gè)功能進(jìn)行了結(jié)合，通過(guò)回答的形式，一步一步將卡片需求，AI編碼助手進(jìn)行開(kāi)發(fā)完善。

二、在IDE中使用CodeGenie的菜單View（智能問(wèn)答/代碼生成）詳細(xì)步驟

1、首先下載對(duì)應(yīng)IDE版本（建議使用目前最新的IDE版本）
2、打開(kāi)DevEco IDE后，手動(dòng)點(diǎn)擊右邊的CodeGenie菜單（或者使用快捷鍵 Alt + U，mac是Option + U）
3、菜單顯示效果如下圖所示，右邊為中文翻譯效果。我們?cè)诘谝淮问褂肁I輔助編碼工具時(shí)，CodeGenie需要進(jìn)行協(xié)議的確認(rèn)。我們點(diǎn)擊勾選已閱讀后。再點(diǎn)擊登錄。這里的登錄和IDE右上角的登錄是一樣的效果，都是跳轉(zhuǎn)到瀏覽器使用網(wǎng)頁(yè)登錄華為開(kāi)發(fā)者賬號(hào)。

4、在我們登錄之后，就會(huì)進(jìn)入CodeGenie的主菜單界面。雙擊上方的標(biāo)題欄，可以放大或者縮小菜單View布局。主界面主要由編碼助手的介紹和知識(shí)問(wèn)答與生成代碼兩個(gè)入門(mén)組成。

當(dāng)我們點(diǎn)擊兩個(gè)入門(mén)其中一個(gè)后，最下方的輸入欄位置就會(huì)顯示對(duì)應(yīng)的輸入內(nèi)容。此時(shí)我們?cè)谳斎霗冢斎雽?duì)應(yīng)的提示詞后，AI就會(huì)生成對(duì)應(yīng)的結(jié)果。是回答還是代碼。切記要通過(guò)入門(mén)選擇。

5、當(dāng)我們的回答結(jié)束后，想切入到代碼時(shí)，應(yīng)該怎么辦？只需要點(diǎn)擊右下角的new chat（開(kāi)啟新會(huì)話即可）。代碼切回答，同理。

三、在IDE中使用CodeGenie的編譯報(bào)錯(cuò)智能分析與代碼智能解讀

1、編譯報(bào)錯(cuò)智能分析

編譯報(bào)錯(cuò)后，點(diǎn)擊藍(lán)色按鈕提示，就會(huì)自動(dòng)喚起AI編碼助手的菜單View。對(duì)于編譯錯(cuò)誤信息進(jìn)行解釋。

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

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

審核編輯 黃宇