參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

Visual Studio Code 中的 AI 智慧操作

對於一些常見場景,您可以使用智慧操作從 AI 獲取幫助,而無需編寫提示。這些智慧操作的示例包括生成提交資訊、生成文件、解釋或修復程式碼,或者執行程式碼審查。這些智慧操作在整個 VS Code 使用者介面中都可用。

生成提交資訊和 PR 資訊

根據您的程式碼更改,獲取幫助以生成提交資訊和拉取請求 (PR) 的標題與描述。使用原始碼管理檢視或 GitHub PR 擴充套件中的“閃爍”圖示,生成一個總結您更改的標題和描述。

Hover over Source Control input box sparkle buttons shows Generate Commit Message

實現 todo 註釋

如果您安裝了 GitHub Pull Requests 擴充套件,您可以使用 AI 和 Copilot 編碼代理在您的程式碼中實現 TODO 註釋。

  1. 確保您已安裝 GitHub Pull Requests 擴充套件。

  2. 在您的程式碼中新增一個 TODO 註釋。註釋旁邊會出現一個程式碼操作(燈泡圖示)。

  3. 選擇該程式碼操作,然後選擇委託給編碼代理 (Delegate to coding agent)

    Screenshot that shows a Code Action menu with Start Coding Agent option for a TODO comment.

重新命名符號

當您在程式碼中重新命名一個符號時,可以根據該符號的上下文和程式碼庫,獲取 AI 生成的新名稱建議。

Inline chat suggesting a new name for a symbol in a Python file

為 Markdown 中的圖片生成替代文字

使用 AI 為 Markdown 檔案中的圖片生成或更新替代文字。要生成替代文字:

  1. 開啟一個 Markdown 檔案。

  2. 將游標放在一個圖片連結上。

  3. 選擇程式碼操作(燈泡)圖示,然後選擇生成替代文字 (Generate alt text)

    Screenshot that shows a Code Action menu with Generate alt text option for a Markdown image link.

  4. 如果您已經有了替代文字,請選擇程式碼操作,然後選擇最佳化替代文字 (Refine alt text)

生成文件

使用 AI 為多種語言生成程式碼文件。

  1. 開啟您的應用程式程式碼檔案。

  2. (可選)選擇您想要為其生成文件的程式碼。

  3. 右鍵單擊並選擇生成程式碼 (Generate Code) > 生成文件 (Generate Docs)

    Inline chat /doc example to generate documentation code comments for a calculator class

生成測試

要為您的應用程式程式碼生成測試而無需編寫提示,您可以使用編輯器智慧操作。

  1. 開啟您的應用程式程式碼檔案。

  2. (可選)選擇您想要測試的程式碼。

  3. 右鍵單擊並選擇生成程式碼 (Generate Code) > 生成測試 (Generate Tests)

    VS Code 會在現有的測試檔案中生成測試程式碼,如果不存在測試檔案,則會建立一個新的。

  4. (可選)透過在內聯聊天提示中提供額外的上下文來最佳化生成的測試。

解釋程式碼

獲取幫助以解釋編輯器中的程式碼塊。

  1. 開啟您的應用程式程式碼檔案。

  2. 選擇您想要解釋的程式碼。

  3. 右鍵單擊並選擇解釋 (Explain)

    VS Code 會提供對所選程式碼塊的解釋。

修復編碼錯誤

要為您的應用程式程式碼修復編碼問題而無需編寫提示,您可以使用編輯器智慧操作。

  1. 開啟您的應用程式程式碼檔案。

  2. 選擇您想要解釋的程式碼。

  3. 右鍵單擊並選擇生成程式碼 (Generate Code) > 修復 (Fix)

    VS Code 會提供修復程式碼的程式碼建議。

  4. (可選)透過在聊天提示中提供額外的上下文來最佳化生成的程式碼。

另外,如果程式碼檔案中存在編譯或 linting 問題,VS Code 會在編輯器中顯示一個程式碼操作來幫助解決該問題。

Screenshot of the editor showing the sparkle icon and Copilot context menu to explain or fix the issue.

修復測試錯誤

直接從測試資源管理器中獲取幫助,修復程式碼庫中失敗的測試。

  1. 在測試資源管理器中,將滑鼠懸停在失敗的測試上
  2. 選擇修復測試失敗 (Fix Test Failure) 按鈕(閃爍圖示)
  3. 審查並應用 Copilot 建議的修復

或者,您可以:

  1. 開啟聊天檢視
  2. 輸入 /fixTestFailure 命令
  3. 按照 Copilot 的建議修復測試
提示

代理模式在執行測試時會監控測試輸出,並自動嘗試修復和重新執行失敗的測試。

修復終端錯誤

當命令在終端中執行失敗時,VS Code 會在邊欄中顯示一個閃爍圖示,提供快速修復以解釋發生了什麼。

Fix with Copilot option in the terminal after a failed terminal command.

審查程式碼

VS Code 可以幫助您審查程式碼,無論是編輯器中的程式碼塊,還是拉取請求中包含的所有更改(需要 GitHub Pull Requests 擴充套件)。

要審查編輯器中的程式碼塊:

  1. 開啟您的應用程式程式碼檔案。

  2. 選擇您想要解釋的程式碼。

  3. 右鍵單擊並選擇生成程式碼 (Generate Code) > 審查 (Review)

    VS Code 會在評論 (Comments) 面板中建立審查評論,並將其內聯顯示在編輯器中。

要審查拉取請求中的所有更改:

  1. 使用 GitHub Pull Requests 擴充套件建立一個拉取請求

  2. 已更改的檔案 (Files Changed) 檢視中選擇程式碼審查 (Code Review) 按鈕。

    VS Code 會在評論 (Comments) 面板中建立審查評論,並將其內聯顯示在編輯器中。

語義搜尋結果(預覽版)

VS Code 中的搜尋檢視使您能夠跨檔案搜尋文字。語義搜尋使您能夠找到與您的搜尋查詢在語義上相關的結果,即使它們不完全匹配文字。當您尋找與某個概念而非特定術語相關的程式碼片段或文件時,或者當您不知道要搜尋的確切術語時,這尤其有用。

Search view showing semantic search results that are not an exact match for the search criteria.

在搜尋檢視中使用 search.searchView.semanticSearchBehavior 設定配置語義搜尋。您可以選擇自動執行語義搜尋,或者僅在您明確請求時執行。

您還可以在搜尋檢視中獲取 AI 生成的關鍵字建議,以提供相關的替代搜尋詞。使用 search.searchView.keywordSuggestions 設定啟用搜索關鍵字建議。

Search view showing keyword suggestions based on the search query.

您可以透過從新增上下文 (Add Context) 快速選擇中選擇從搜尋檢視獲取結果 (Get results from the search view) 來在聊天提示中引用搜索結果。或者,在聊天提示中輸入 #searchResults

使用 AI 搜尋設定

如果您不知道想要更改的設定的確切名稱,可以使用 AI 幫助根據您的搜尋查詢找到相關設定。例如,您可以搜尋“增大文字大小”來找到控制編輯器字型大小的設定。

使用 workbench.settings.showAISearchToggle 設定啟用此功能。然後,您可以在設定編輯器中使用使用 AI 搜尋設定 (Search Settings with AI) 按鈕來開啟或關閉 AI 搜尋結果。

Screenshot that shows the Settings editor showing AI-generated suggestions for settings.