Node.js AI 通義靈碼 VSCode 插件安裝與功能詳解
Node.js 作為基于 Chrome V8 引擎的 JavaScript 運行時,使 JavaScript 成為后端開發(fā)的重要選擇。
在 Node.js 開發(fā)中,使用高效的工具可以顯著提升開發(fā)效率和代碼質(zhì)量。
通義靈碼作為一款智能編碼助手,為 Node.js 開發(fā)者提供了強大的支持。
通義靈碼簡介
通義靈碼是由阿里云技術(shù)團隊開發(fā)的智能編碼助手,基于先進的通義大模型,具備以下功能:
-
代碼續(xù)寫和優(yōu)化:根據(jù)已有代碼生成合理的后續(xù)代碼,并提供優(yōu)化建議。
-
自然語言描述生成代碼:將自然語言描述轉(zhuǎn)化為代碼,幫助快速實現(xiàn)功能。
-
注釋生成和代碼解釋:為代碼添加詳細注釋,解釋代碼邏輯,便于理解和維護。
-
單元測試生成:自動生成測試用例,確保代碼的可靠性和穩(wěn)定性。
-
研發(fā)智能問答:解答編程過程中的疑問,提供專業(yè)的技術(shù)指導(dǎo)。
-
代碼問題修復(fù):幫助定位并修復(fù)代碼中的錯誤,提高代碼的正確性。
通義靈碼官網(wǎng):https://tongyi.aliyun.com/lingma/
通義靈碼支持:JetBrains IDEs、Visual Studio Code、Visual Studio,及遠程開發(fā)場景(Remote SSH、Docker、WSL、Web IDE),安裝后登錄賬號即可開始使用。
環(huán)境準備
開發(fā)工具選擇
JavaScript 開發(fā)者常用的編輯器是 Visual Studio Code(簡稱 VSCode),通義靈碼對 VSCode 的插件支持在幾種 IDE 中是最好的,因此本文以 VSCode 為例進行介紹。
插件安裝
VSCode三端的插件安裝方式基本一致,本文以Windows為例,介紹如何在VSCode中安裝通義靈碼插件。
確保已安裝 VSCode 后(如未安裝請查閱:Visual?Studio?Code 入門),在插件市場搜索“TONGYI Lingma”,找到通義靈碼插件并安裝。

安裝完成后,VSCode 左側(cè)會新增通義靈碼圖標,點擊進入插件界面。

首次使用需點擊“立即登錄”,同意用戶協(xié)議,會跳轉(zhuǎn)到登錄頁面。

通義靈碼支持多種登錄方式,包括賬號密碼、手機號、支付寶、阿里云、淘寶、釘釘?shù)卿洝?/p>
登錄后即可使用通義靈碼的各項功能。
功能演示
代碼續(xù)寫
通義靈碼提供行級和函數(shù)級的代碼補全功能。
在開啟自動云端生成模式下,它會根據(jù)當前代碼文件及相關(guān)文件的上下文,自動生成代碼建議,可使用快捷鍵采納、廢棄或查看不同建議。

同時,編碼過程中也可通過快捷鍵 alt+P 手動觸發(fā)行間代碼建議。

開發(fā)小提示:
為了提高代碼補全的準確性,建議在編寫代碼前先寫代碼注釋描述其功能。例如上圖所示
通義靈碼還提供了一組快捷鍵,方便更好地控制代碼續(xù)寫過程:
| 操作 | macOS | Windows |
|---|---|---|
| 接受行間代碼建議 | Tab | Tab |
| 廢棄行間代碼建議 | esc | esc |
| 查看上一個行間推薦結(jié)果 | ?(option) + [ | Alt+[ |
| 查看下一個行間推薦結(jié)果 | ?(option)+] | Alt+] |
| 手動觸發(fā)行間代碼建議 | ?(option)+P | Alt+P |
在一些文件中可能不需要代碼續(xù)寫功能,可以參考禁用行間生成,關(guān)閉對某類文件的代碼續(xù)寫功能。
智能問答
通義靈碼的智能問答功能強大,不僅可以回答你的技術(shù)問題,還能進行代碼創(chuàng)作。
例如,你可以向它咨詢 Node.js 中某個模塊的用法,或者請求它生成一個特定功能的代碼片段。

基于智能問答,還能實現(xiàn)很多有用的功能,比如后續(xù)的代碼注釋、代碼解釋、單元測試生成和代碼優(yōu)化,都是基于智能問答實現(xiàn)的。
會話創(chuàng)建和清理
智能問答是一個持續(xù)對話的過程,為了提高 AI 生成答案的質(zhì)量,應(yīng)該適時清理會話。
你可以通過以下兩種方式清理會話:
-
清理會話:在對話框中輸入
/clearContext?,然后點擊確定即可。 -
**創(chuàng)建新會話:**在智能問答的右上角有一個圓形 ?
+? 號按鈕,點擊即可創(chuàng)建新對話。

代碼小技巧
通義靈碼生成的代碼一般都會在右上角有這四個小按鈕,分別對應(yīng)著插入、復(fù)制、新建和合并的功能,后續(xù)的功能會用到這些小技巧。

-
插入 :會把 AI 生成的代碼替換到我們選中的代碼位置,一般在代碼注釋和代碼優(yōu)化中應(yīng)用。
-
復(fù)制 :則是復(fù)制 AI 生成的代碼,我們可以自己選擇插入的位置。
-
新建 :則是新建一個文件,把 AI 生成的代碼放進去,一般而言生成測試代碼會選擇新建一個文件夾存放。
-
合并 :則是把代碼黏貼到文件中,比如黏貼到選中的代碼后,一般我們在智能問答中得到我們需要的代碼可以用合并。
代碼注釋
通義靈碼的代碼注釋功能可以幫助你快速為代碼添加注釋,提高代碼的可讀性和可維護性。
使用代碼注釋需要先選中需要注釋的代碼,右鍵選擇通義靈碼的生成注釋功能,點擊即可選擇代碼注釋功能。

也可以用快捷鍵 Shift+Alt+V 使用代碼注釋功能。
注釋結(jié)果會在左側(cè)顯示,你可以根據(jù)需要進行修改和完善。
代碼解釋
與代碼注釋不同,代碼解釋是告訴你代碼為什么這么寫。
選中代碼后,點擊通義靈碼的代碼解釋按鈕,通義靈碼會根據(jù)你的代碼生成對應(yīng)的解釋。這對于理解復(fù)雜代碼邏輯、學(xué)習(xí)優(yōu)秀代碼示例非常有幫助。

單元測試生成
通義靈碼可以根據(jù)你的代碼設(shè)計對應(yīng)的測試用例,并生成測試代碼。

測試用例代碼一般是復(fù)制后到一個專門的測試用例文件中,方便后續(xù)測試。

也可以用新建文件,通義靈碼會再幫你創(chuàng)建一個測試用例文件。
代碼優(yōu)化
代碼開發(fā)很難做到面面俱到,單人開發(fā)往往容易疏漏。
通義靈碼提供了一種新的方向:使用 AI 進行代碼審查和優(yōu)化。
它不僅給出審查結(jié)果,提供優(yōu)化思路,甚至還能給出優(yōu)化后的代碼。

代碼優(yōu)化一般使用合并(diff)操作來把原代碼替換成優(yōu)化后的代碼。
AI 程序員
智能問答往往基于單個文件或者部分代碼片段,而通義靈碼提供了 AI 程序員的功能,它基于整個項目。
有些時候?qū)崿F(xiàn)某個功能需要多個代碼文件一起修改,AI 程序員就能輕松勝任!

可以看見 AI 幫你生成了一些代碼,但最后你還得自行選擇是否接受他生成的代碼,最終決定權(quán)還在你自己。
總結(jié)與展望
通義靈碼作為一款智能編碼助手,為 Node.js 的開發(fā)提供了強大的支持。
從代碼續(xù)寫到智能問答,從代碼注釋到單元測試生成,再到代碼優(yōu)化和 AI 程序員功能,它幾乎涵蓋了開發(fā)過程中的各個方面。
通過本文的介紹,希望你能更好地理解和使用通義靈碼,提升自己的編程效率和代碼質(zhì)量。
然而,AI 輔助編程工具的發(fā)展仍在不斷進步中。
未來,隨著技術(shù)的進一步成熟,通義靈碼有望在更多場景下為開發(fā)者提供更智能、更精準的幫助。
對于廣大開發(fā)者來說,掌握并善用這樣的工具,無疑將在競爭激烈的編程領(lǐng)域中占據(jù)優(yōu)勢。

浙公網(wǎng)安備 33010602011771號