Node.js AI 通義靈碼 VSCode 插件安裝與功能詳解

Node.js 作為基于 Chrome V8 引擎的 JavaScript 運(yùn)行時，使 JavaScript 成為后端開發(fā)的重要選擇。

在 Node.js 開發(fā)中，使用高效的工具可以顯著提升開發(fā)效率和代碼質(zhì)量。

通義靈碼作為一款智能編碼助手，為 Node.js 開發(fā)者提供了強(qiáng)大的支持。

通義靈碼簡介

通義靈碼是由阿里云技術(shù)團(tuán)隊開發(fā)的智能編碼助手，基于先進(jìn)的通義大模型，具備以下功能：

• 代碼續(xù)寫和優(yōu)化：根據(jù)已有代碼生成合理的后續(xù)代碼，并提供優(yōu)化建議。
• 自然語言描述生成代碼：將自然語言描述轉(zhuǎn)化為代碼，幫助快速實(shí)現(xiàn)功能。
• 注釋生成和代碼解釋：為代碼添加詳細(xì)注釋，解釋代碼邏輯，便于理解和維護(hù)。
• 單元測試生成：自動生成測試用例，確保代碼的可靠性和穩(wěn)定性。
• 研發(fā)智能問答：解答編程過程中的疑問，提供專業(yè)的技術(shù)指導(dǎo)。
• 代碼問題修復(fù)：幫助定位并修復(fù)代碼中的錯誤，提高代碼的正確性。

通義靈碼官網(wǎng)：https://tongyi.aliyun.com/lingma/

通義靈碼支持：JetBrains IDEs、Visual Studio Code、Visual Studio，及遠(yuǎn)程開發(fā)場景（Remote SSH、Docker、WSL、Web IDE），安裝后登錄賬號即可開始使用。

環(huán)境準(zhǔn)備

開發(fā)工具選擇

JavaScript 開發(fā)者常用的編輯器是 Visual Studio Code（簡稱 VSCode），通義靈碼對 VSCode 的插件支持在幾種 IDE 中是最好的，因此本文以 VSCode 為例進(jìn)行介紹。

插件安裝

VSCode三端的插件安裝方式基本一致，本文以Windows為例，介紹如何在VSCode中安裝通義靈碼插件。

確保已安裝 VSCode 后（如未安裝請查閱：Visual?Studio?Code 入門），在插件市場搜索“TONGYI Lingma”，找到通義靈碼插件并安裝。

安裝完成后，VSCode 左側(cè)會新增通義靈碼圖標(biāo)，點(diǎn)擊進(jìn)入插件界面。

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



通義靈碼支持多種登錄方式，包括賬號密碼、手機(jī)號、支付寶、阿里云、淘寶、釘釘?shù)卿洝?br>登錄后即可使用通義靈碼的各項功能。

功能演示

代碼續(xù)寫

通義靈碼提供行級和函數(shù)級的代碼補(bǔ)全功能。

在開啟自動云端生成模式下，它會根據(jù)當(dāng)前代碼文件及相關(guān)文件的上下文，自動生成代碼建議，可使用快捷鍵采納、廢棄或查看不同建議。

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

開發(fā)小提示：
為了提高代碼補(bǔ)全的準(zhǔn)確性，建議在編寫代碼前先寫代碼注釋描述其功能。例如上圖所示

通義靈碼還提供了一組快捷鍵，方便更好地控制代碼續(xù)寫過程：

在一些文件中可能不需要代碼續(xù)寫功能，可以參考禁用行間生成，關(guān)閉對某類文件的代碼續(xù)寫功能。

智能問答

通義靈碼的智能問答功能強(qiáng)大，不僅可以回答你的技術(shù)問題，還能進(jìn)行代碼創(chuàng)作。

例如，你可以向它咨詢 Node.js 中某個模塊的用法，或者請求它生成一個特定功能的代碼片段。

基于智能問答，還能實(shí)現(xiàn)很多有用的功能，比如后續(xù)的代碼注釋、代碼解釋、單元測試生成和代碼優(yōu)化，都是基于智能問答實(shí)現(xiàn)的。

會話創(chuàng)建和清理

智能問答是一個持續(xù)對話的過程，為了提高 AI 生成答案的質(zhì)量，應(yīng)該適時清理會話。

你可以通過以下兩種方式清理會話：

• 清理會話：在對話框中輸入?/clearContext?，然后點(diǎn)擊確定即可。

• 創(chuàng)建新會話：在智能問答的右上角有一個圓形 ??+?? 號按鈕，點(diǎn)擊即可創(chuàng)建新對話。

代碼小技巧

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

• 插入 ：會把 AI 生成的代碼替換到我們選中的代碼位置，一般在代碼注釋和代碼優(yōu)化中應(yīng)用。

• 復(fù)制 ：則是復(fù)制 AI 生成的代碼，我們可以自己選擇插入的位置。

• 新建 ：則是新建一個文件，把 AI 生成的代碼放進(jìn)去，一般而言生成測試代碼會選擇新建一個文件夾存放。

• 合并 ：則是把代碼黏貼到文件中，比如黏貼到選中的代碼后，一般我們在智能問答中得到我們需要的代碼可以用合并。

代碼注釋

通義靈碼的代碼注釋功能可以幫助你快速為代碼添加注釋，提高代碼的可讀性和可維護(hù)性。

使用代碼注釋需要先選中需要注釋的代碼，右鍵選擇通義靈碼的生成注釋功能，點(diǎn)擊即可選擇代碼注釋功能。

也可以用快捷鍵 Shift+Alt+V 使用代碼注釋功能。

注釋結(jié)果會在左側(cè)顯示，你可以根據(jù)需要進(jìn)行修改和完善。

代碼解釋

與代碼注釋不同，代碼解釋是告訴你代碼為什么這么寫。

選中代碼后，點(diǎn)擊通義靈碼的代碼解釋按鈕，通義靈碼會根據(jù)你的代碼生成對應(yīng)的解釋。這對于理解復(fù)雜代碼邏輯、學(xué)習(xí)優(yōu)秀代碼示例非常有幫助。

單元測試生成

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

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

也可以用新建文件，通義靈碼會再幫你創(chuàng)建一個測試用例文件。

代碼優(yōu)化

代碼開發(fā)很難做到面面俱到，單人開發(fā)往往容易疏漏。

通義靈碼提供了一種新的方向：使用 AI 進(jìn)行代碼審查和優(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ā)提供了強(qiáng)大的支持。

從代碼續(xù)寫到智能問答，從代碼注釋到單元測試生成，再到代碼優(yōu)化和 AI 程序員功能，它幾乎涵蓋了開發(fā)過程中的各個方面。

通過本文的介紹，希望你能更好地理解和使用通義靈碼，提升自己的編程效率和代碼質(zhì)量。

然而，AI 輔助編程工具的發(fā)展仍在不斷進(jìn)步中。

未來，隨著技術(shù)的進(jìn)一步成熟，通義靈碼有望在更多場景下為開發(fā)者提供更智能、更精準(zhǔn)的幫助。

對于廣大開發(fā)者來說，掌握并善用這樣的工具，無疑將在競爭激烈的編程領(lǐng)域中占據(jù)優(yōu)勢。