Trae 插件 AI 功能全解析 - 提升VS Code開發(fā)效率必備

Trae 插件提供自動代碼補全、代碼生成、代碼編輯等能力。你可以使用這些能力來提升開發(fā)效率。

前置條件

使用快捷鍵（Windows: Ctrl + U；macOS：Command + U）喚起側(cè)邊對話框。

代碼補全

Trae AI 可以理解當前代碼，然后提供建議補全的代碼。

場景一：在對應(yīng)代碼處，敲擊回車鍵換行。Trae AI 會閱讀并理解當前代碼，然后自動補全后續(xù)代碼。

場景二：在對應(yīng)位置添加注釋，然后敲擊回車鍵換行。Trae AI 會閱讀并理解代碼注釋，然后直接生成代碼。

將鼠標懸浮至自動補全的代碼區(qū)域，然后采納或拒清除推薦的代碼：

• 點擊 接受 按鈕或按下 Tab 鍵，添加所有推薦的代碼。
• 點擊 接收 Word 按鈕或使用 Ctrl + → 快捷鍵，逐字添加推薦的的代碼。
• 按下 Esc 鍵，清除推薦的代碼。

代碼補全 Pro（Beta）

Trae AI 支持基于上一次的編輯內(nèi)容及當前代碼情況，預(yù)測下一個代碼改動點并提供推薦的代碼。

將光標停在期望觸發(fā)代碼補全的位置后，你可以通過快捷鍵（macOS：Control + Shift + Enter；Windows：Ctrl + Shift + Enter）主動觸發(fā)代碼補全，并使用 Tab 鍵采納推薦的代碼。

當采納了某處推薦的代碼后，會觸發(fā)下一個改動點的代碼推薦，你可以先按下 Tab 鍵跳轉(zhuǎn)到相應(yīng)的代碼行，然后再次按下 Tab 鍵采納推薦的代碼。

代碼補全 Pro 默認自動啟用，你可以在 Trae AI 設(shè)置 面板中管理該功能。

代碼生成

Trae AI 可以根據(jù)你的自然語言描述生成對應(yīng)的代碼片段。

1. 在輸入框中用自然語言描述你的需求。

2. 點擊 發(fā)送 按鈕或敲擊回車鍵。 Trae AI 開始生成所需代碼片段。

   

3. 在 Trae AI 生成的代碼片段中，按需進行以下操作：

   • 點擊 復制 按鈕，復制代碼框中的代碼片段。
   • 點擊 插入 按鈕，將代碼片段插入至對應(yīng)的位置。
   • 點擊 添加文件 按鈕，將代碼片段生成為一個單獨的文件。
   • 點擊 Apply 按鈕，將生成代碼以 Diff 的形式展示在原文件中，然后選擇采納或拒絕新的代碼。

代碼編輯

Trae AI 可以編輯指定代碼，包括重構(gòu)、優(yōu)化、修改部分邏輯等。你可以通過自然語言描述代碼編輯需求。

1. 選中待修改的代碼片段。
2. 在對話框中輸入自然語言描述，例如 “優(yōu)化選中的代碼片段”。

3. 點擊 發(fā)送 按鈕或敲擊回車鍵。 Trae AI 開始修改代碼并生成新的代碼片段。

   

4. 在 Trae AI 生成的代碼片段中，按需進行以下操作：

   • 點擊 復制 按鈕，復制代碼框中的代碼片段。
   • 點擊 插入 按鈕，將修改后的代碼片段插入至對應(yīng)的位置。
   • 點擊 添加文件 按鈕，將修改后的代碼片段生成為一個單獨的文件。
   • 點擊 Apply 按鈕，將修改后的代碼以 Diff 的形式展示在原文件中，然后選擇采納或拒絕代碼變更。

代碼解釋

選中代碼片段后，你可以向 Trae AI 發(fā)送代碼解釋指令。編程助手將解釋選中的代碼片段。發(fā)送指令方式如下：

• 在側(cè)邊對話視圖的輸入框中輸入自然語言描述，例如：解釋選中的代碼片段；
• 在側(cè)邊對話視圖的輸入框中輸入 /explain 指令；
• 選中代碼片段后右鍵，然后在快捷菜單中選擇 Trae AI > 代碼解釋；
• 點擊代碼文件頂部的 解釋代碼 按鈕。

單元測試生成

選中代碼片段后，向 Trae AI 發(fā)送單元測試生成指令。編程助手將為選中的代碼片段生成單元測試。發(fā)送指令的方式如下：

• 在側(cè)邊對話視圖的輸入框中輸入自然語言描述，例如：為所選代碼片段生成單元測試；
• 在側(cè)邊對話視圖的輸入框中輸入 /test 指令；
• 選中代碼片段后右鍵，然后在快捷菜單中選擇 Trae AI > 單測生成；
• 點擊代碼文件頂部的 生成單測 按鈕。

代碼注釋生成

選中代碼片段后，向 Trae AI 發(fā)送代碼注釋生成指令。編程將為選中的代碼片段生成代碼注釋。

提示
Trae AI 默認生成函數(shù)級注釋，你可以通過自然語言指定生成更詳細的行間注釋。

發(fā)送指令的方式如下：

• 在側(cè)邊對話視圖的輸入框中輸入自然語言描述，例如：為所選代碼片段生成注釋；
• 在側(cè)邊對話視圖的輸入框中輸入 /doc 指令；
• 選中代碼片段后右鍵，然后在快捷菜單中選擇 Trae AI > 注釋生成；
• 點擊代碼文件頂部的 生成注釋 按鈕。

在 Trae AI 生成的代碼片段中，按需進行以下操作：

• 點擊 復制 按鈕，復制代碼框中的包含注釋的代碼片段。
• 點擊 插入 按鈕，將注釋插入至代碼文件中對應(yīng)的位置。
• 點擊 添加文件 按鈕，將包含注釋的代碼片段生成為一個單獨的文件。
• 點擊 Apply 按鈕，將代碼注釋以 Diff 的形式展示在原文件中，然后選擇采納或拒絕代碼注釋。

智能修復

當代碼中存在錯誤時，窗口中的代碼文件名稱會高亮，名稱右側(cè)會提示錯誤數(shù)量。

選中有問題代碼片段后，在對話框中輸入自然語言描述（例如：修復選中的代碼片段）或 /fix 指令，然后點擊右側(cè)的 發(fā)送 按鈕或敲擊鍵盤上的回車鍵。Trae AI 將為選中的代碼片段進行智能修復。

在 Trae AI 生成的智能修復后的代碼片段后，你可以按需進行以下操作：

• 點擊 復制 按鈕，復制修復后的代碼片段。
• 點擊 插入 按鈕，將修復后的代碼片段插入原代碼對應(yīng)的位置，并替換原代碼。
• 點擊 添加文件 按鈕，將修復后的代碼片段生成為一個單獨的文件。
• 點擊 Apply 按鈕，將修復后的代碼以 Diff 的形式展示在原文件中，然后選擇采納或拒絕新的代碼。

智能問答

喚起對話框后，你可以在輸入框中輸入你的問題，然后點擊 發(fā)送 按鈕或敲擊回車鍵，Trae AI 將回答你的問題。你可以進行多輪問答，不斷補充細節(jié)，從而使插件的回答更加準確。

切換對話語言

點擊對話框右上角的設(shè)置按鈕，然后在 Trae AI 設(shè)置 面板中設(shè)置 AI 對話語言。