經(jīng)過(guò)多輪迭代，deepin 文件管理器（dde-file-manager）的擴(kuò)展功能已經(jīng)趨于穩(wěn)定，看到越來(lái)越豐富的文管新功能，作為一名技術(shù)愛好者，也想自己動(dòng)手寫個(gè)插件擴(kuò)展一下文管的功能。
我選擇的開發(fā)工具是 deepin-IDE，原因有兩個(gè)：一是 deepin-IDE 本身集成了文管的插件模板，對(duì)研發(fā)者而言只需要通過(guò)引導(dǎo)創(chuàng)建模板代碼，然后在上面修修改改即可，不用再去閱讀大量的文管源碼；還有一個(gè)原因是 deepin-IDE 已經(jīng)支持了較多的 AI 能力，包括注釋添加、代碼翻譯、修復(fù)bug、解釋代碼、代碼審查、生成單元測(cè)試和生成提交信息，正好借此機(jī)會(huì)看看能帶來(lái)多少的效率提升。

首先說(shuō)下結(jié)論，有模板 + AI的助力，整個(gè)開發(fā)過(guò)程體驗(yàn)下來(lái)還是非常順暢，讓我僅用不到兩個(gè)小時(shí)的時(shí)間就把功能加上，接下來(lái)就分享給大家完整的開發(fā)過(guò)程。

Part 1 準(zhǔn)備工作

首先通過(guò)應(yīng)用商店，下載最新版本的 deepin-IDE ：

啟動(dòng) deepin-IDE，首先看到的是最近訪問(wèn)頁(yè)面，點(diǎn)擊下圖中的按鈕，在彈出的引導(dǎo)界面選擇文管插件，隨后按照向?qū)б徊揭徊降耐瓿膳渲谩?br />

引導(dǎo)完成后在工程樹可以看到插件模板的代碼結(jié)構(gòu)：

在這個(gè)模板里面有說(shuō)明文檔，按照指引將工程配置一遍，在編譯后插件文件會(huì)自動(dòng)安裝到指定位置，文管檢測(cè)到插件變化，提示用戶進(jìn)行更新：

為了測(cè)試插件是否安裝成功，打開文管并選中某個(gè)文件右鍵，已經(jīng)可以看到新增的右鍵菜單：

這些右鍵菜單都是插件模板已經(jīng)實(shí)現(xiàn)的功能，我們要做的是修改這些代碼，在這個(gè)過(guò)程中就可以體驗(yàn) deepin-IDE 的 AI 輔助編程功能。
需要注意的是，如果想要體驗(yàn)完整的 AI 功能，還需要做一個(gè)準(zhǔn)備工作，就是登陸 AI 插件關(guān)聯(lián)的網(wǎng)站：在 IDE 界面的消息界面，會(huì)彈出 AI 插件登陸提示：

點(diǎn)擊登陸按鈕，完成登陸后就可以使用全部的 AI 功能。到這里，所有的準(zhǔn)備工作就算完成。

Part 2 解釋功能

要新增加密功能，第一步應(yīng)該在文管中添加右鍵菜單。找到對(duì)應(yīng)的源文件，閱讀代碼并定位到如下的位置：

bool MyMenuPlugin::buildNormalMenu(DFMExtMenu *main, const std::string


¤tPath,


const std::string &focusPath, const


std::list&pathList,

bool onDesktop)

{

...

//通過(guò)代理創(chuàng)建 action，此 action 在堆區(qū)分配，不自行釋放將內(nèi)存泄露！

autorootAction{m_proxy->createAction()};rootAction->setText("角標(biāo)管理");

//通過(guò)代理創(chuàng)建 menu，此 menu 在堆區(qū)分配，不自行釋放將內(nèi)存泄露！

auto menu { m_proxy->createMenu() };

//?級(jí)菜單在Hover中創(chuàng)建，以減少一級(jí)菜單顯示的性能開銷

rootAction->setMenu(menu);rootAction->registerHovered([this, pathList](DFMExtAction *action) {

if(!action->menu()->actions().empty())return;autofavoriteEmblemAct{m_proxy->createAction()};favoriteEmblemAct->setText("角標(biāo)設(shè)置為favorite");favoriteEmblemAct->setIcon("emblem-favorite");favoriteEmblemAct->registerTriggered([this,pathList](DFMExtAction*,
bool) {

std::for_each(pathList.begin(), pathList.end(), [this](conststd::string &path) {setEmblemIcon(path, "emblem-favorite");

});

});

...
return true;

}

代碼注釋很詳細(xì)，添加的方法也很簡(jiǎn)單，只需要自己創(chuàng)建一個(gè)菜單和 Action，通過(guò)接口注冊(cè)進(jìn)去就可以了。具體的邏輯是寫在 Action 的回調(diào)里面處理，用?觸發(fā)菜單時(shí)會(huì)自動(dòng)執(zhí)行。 以上對(duì)代碼的理解是基于個(gè)人的經(jīng)驗(yàn)，在這種對(duì)代碼不是很熟悉的場(chǎng)景下，正好可以試試 AI 的解釋功能。 選中這段代碼，右鍵點(diǎn)擊解釋代碼選項(xiàng)，得到如下的結(jié)果：

著重看紅色方框里面的內(nèi)容，其中功能描述部分還是比較準(zhǔn)確的，和個(gè)人的理解相近，除此之外 AI 還把函數(shù)的參數(shù)都解釋了一遍，這比自己閱讀代碼得到的信息更多。 不過(guò)這個(gè)功能還是存在槽點(diǎn)，后面羅列出來(lái)的具體步驟還是有些繁雜，不如“show me the code”來(lái)的更加直接。 但換個(gè)場(chǎng)景想想，假設(shè)我正在翻看其它語(yǔ)言的代碼，或者涉及到算法、shader 代碼，解釋功能的優(yōu)勢(shì)就體現(xiàn)出來(lái)了，就像文言文里面的白話注釋，可以不用，但不能沒有。 所以啊，在當(dāng)前 AI 功能眼花繚亂的背景下，只有在合適的場(chǎng)景、合適的需求下去使用，才會(huì)得到事半功倍的效果。

Part 3 智能問(wèn)答

理解到代碼的大概意思，接下來(lái)就是手搓代碼的過(guò)程。 第一步將模板中已有的代碼進(jìn)行修改，比如去掉多余的Action，修改菜單名字等，讓其符合我的最終需求，效果如下：

有了界面，接下來(lái)就是添加加密和解密的邏輯。 對(duì)于不怎么使用加密工具的研發(fā)者來(lái)說(shuō)，并不知道使用什么加密工具以及如何什么樣的參數(shù)。在這個(gè)場(chǎng)景下，相信大部分的小伙伴已經(jīng)不假思索的打開 ChatGPT 進(jìn)行問(wèn)答操作了。 不過(guò)這次是在 deepin-IDE 里面，我直接展開 deepin-IDE 左側(cè)的問(wèn)答界面進(jìn)行查詢，在進(jìn)?了多番連續(xù)的問(wèn)答后得到如下答案： ?

Part 4 代碼補(bǔ)全

為了把加解密功能加進(jìn)去，我在對(duì)應(yīng)的類中添加了兩個(gè)函數(shù)，分別用于加密和解密，然后開始輸入代碼，在敲完函數(shù)體回車后，就得到 deepin-IDE 的代碼補(bǔ)全提示：

敲擊快捷鍵 Ctrl+T 填入對(duì)應(yīng)的代碼，隨后再次利用這個(gè)功能，便快速得到完整的函數(shù)代碼：

以同樣的方法，我把代碼解密的函數(shù)代碼也補(bǔ)充完成。 體驗(yàn)下來(lái)，補(bǔ)全的代碼解決了我大約 90% 的工作量，不過(guò)并沒有完全符合功能需求，原來(lái)的文件還遺留在本地。 我在靠后的位置先寫上注釋，說(shuō)明需要?jiǎng)h除原來(lái)的文件，隨后輕點(diǎn)回車，不待我反應(yīng)過(guò)來(lái)，補(bǔ)全內(nèi)容已經(jīng)直接呈現(xiàn)：

為了保持和之前一樣的優(yōu)雅，我愉快的按下了 Ctrl + T 快捷鍵。隨后多次、重復(fù)的使用 AI 代碼補(bǔ)全功能，將剩余的函數(shù)一一實(shí)現(xiàn)。 最后編譯整個(gè)工程，然后隨便找了個(gè)“README.md”文件試了試成果。這是文件里面原來(lái)的內(nèi)容：

接下來(lái)進(jìn)行加密操作： 1、右鍵該文件，選擇加密選項(xiàng)。 2、在當(dāng)前目錄隨即出現(xiàn)了一個(gè)新文件，名字后面加上了“encrypted”后綴，之前的文件也被刪除。 3、打開該文件，可以看到里面的內(nèi)容已經(jīng)被加密，無(wú)法正常閱讀。

如果仔細(xì)觀察，還會(huì)發(fā)現(xiàn)文件圖標(biāo)的左下角多了一個(gè)愛心圖標(biāo)，表示這是一個(gè)加密文件。解密也是同樣的操作，它會(huì)把文件名恢復(fù)為原來(lái)的名字，左下角的加密圖標(biāo)也會(huì)消失。

Part 5 單元測(cè)試

功能是完成了，但為了保證代碼質(zhì)量，單元測(cè)試也是不可缺少的一環(huán)。 在 deepin-IDE 里面也提供了這個(gè)功能，選中一段代碼，讓 AI 生成測(cè)試內(nèi)容，看看效果如何：

這個(gè)工程沒有使用任何測(cè)試框架，但 AI 還是把測(cè)試用例的大體結(jié)構(gòu)搭建好了，和大多數(shù) AI 輔助功能一樣，還是需要自己動(dòng)手修改。不過(guò)粗略估計(jì)，該功能大致可以節(jié)省 50% 左右的工作量。

Part 6 準(zhǔn)備工作

為了完成開發(fā)閉環(huán)，接下來(lái)就需要把代碼提交到倉(cāng)庫(kù)。 在常規(guī)的提交方式下，我們會(huì)根據(jù)經(jīng)驗(yàn)總結(jié)修改的內(nèi)容，形成提交信息。 在 deepin-IDE 里面，可以直接根據(jù)修改內(nèi)容生成提交信息，甚至把總結(jié)的依據(jù)也羅列出來(lái)。右鍵點(diǎn)擊 CodeGeeX > 生成git commits，如下圖所示：

隨后在智能問(wèn)答界面，會(huì)輸出提交信息和提交依據(jù)：

最后一句的總結(jié)可以說(shuō)非常的準(zhǔn)確，同時(shí)也節(jié)省了不少思考時(shí)間。

Part 7 審查代碼

當(dāng)然，如果害怕提交的 PR 被其他人暴力 Review，自己可以在本地進(jìn)行預(yù)先審查。 具體可以通過(guò) deepin-IDE自帶的代碼審查功能，方法還是通過(guò)選中代碼和右鍵菜單觸發(fā)，得到如下結(jié)果：

這里我選取的是加密函數(shù)的代碼，總計(jì)有僅有12行，但 AI 功能給出的代碼審查建議竟然多達(dá)10條之多，我一度懷疑自己的編碼質(zhì)量怎會(huì)降到如此程度，不過(guò)細(xì)細(xì)看來(lái)，AI 還是審查得過(guò)于嚴(yán)苛了。 建議研發(fā)人員將其作為參考信息，提取有用部分進(jìn)行自查即可。

Part 8 總結(jié)

deepin-IDE 中的 AI 能力在持續(xù)不斷的完善。而在本次的使用過(guò)程中，也用到了 deepin-IDE 提供的插件模板功能，較為明顯的降低了從頭開始寫文管插件的難度，隨著后面各類系統(tǒng)工具的集成，deepin-IDE 在開發(fā)效率上的提升也會(huì)越來(lái)越明顯。
最后，十分感謝社區(qū)用戶Mozart的投稿，也歡迎大家踴躍投稿，分享你的新發(fā)現(xiàn)和新玩法。
GitHub：https://github.com/linuxdeepin/deepin-unioncode 官方網(wǎng)站：https://ide.deepin.org/zh