聊天概覽

Visual Studio Code 中的聊天功能可讓您使用自然語言獲得 AI 驅動的程式碼輔助。您可以透過對話式介面,詢問有關程式碼的問題、獲得理解複雜邏輯的協助、產生新功能、修正錯誤等等。本文概述了聊天介面、如何新增內容、選擇語言模型、撰寫有效提示,以及檢閱 AI 產生的變更。

先決條件

在 VS Code 中存取聊天

VS Code 提供多種方式來啟動 AI 聊天對話,每種方式都針對不同的工作流程進行了優化。請使用 VS Code 標題列中的聊天選單或對應的鍵盤快速鍵。

Screenshot of the Copilot Chat menu in the VS Code Command Center.

介面 快速鍵 最適合 深入了解
聊天檢視 ⌃⌘I (Windows、Linux Ctrl+Alt+I) 多輪對話、代理工作流程、多檔案編輯。也可以作為 編輯器分頁或獨立視窗 使用。 聊天工作階段
內嵌聊天 ⌘I (Windows、Linux Ctrl+I) 就地程式碼編輯和終端機指令建議。 內嵌聊天
快速聊天 ⇧⌥⌘L (Windows、Linux Ctrl+Shift+Alt+L) 無需離開目前檢視即可快速提問。在編輯器頂部開啟一個輕量級聊天面板。 快速聊天
命令列 程式碼聊天 從 VS Code 外部啟動聊天。 CLI 文件

提交您的第一個提示

若要了解聊天如何運作,請嘗試建立一個基本應用程式

  1. 透過按下 ⌃⌘I (Windows、Linux Ctrl+Alt+I) 或從 VS Code 標題列中選取聊天來開啟聊天檢視。

  2. 使用代理程式目標下拉式選單來選取您要執行代理程式的位置。例如,選取本機可在編輯器中以互動方式執行代理程式,並完全存取您的工作區、工具和模型。

  3. 從代理程式選擇器中選取一個代理程式。例如,選取代理程式讓聊天自動判斷需要完成什麼並對您的工作區進行變更。深入了解 如何選擇代理程式

  4. 在聊天輸入欄位中輸入以下提示,然後按下 Enter 提交。

    Create a basic calculator app with HTML, CSS, and JavaScript
    

    代理程式會直接將變更應用於您的工作區,也可能會執行終端機指令,例如安裝依賴項或執行建置腳本。

  5. 在編輯器中,檢閱建議的變更 並選擇保留或捨棄它們。

提示

如需完整的實作教學,請遵循 代理程式教學

設定您的聊天工作階段

當您啟動聊天工作階段時,以下選擇會影響 AI 的回應方式

  • 工作階段類型:決定代理程式執行位置 (本機、背景或雲端)。深入了解 代理程式類型
  • 代理程式:決定 AI 的角色或個人特質,例如代理程式、規劃或詢問。深入了解 如何選擇代理程式
  • 權限等級:控制代理程式對工具核准的自主權程度。深入了解 權限等級
  • 語言模型:決定由哪個 AI 模型驅動對話。深入了解 VS Code 中的語言模型

將內容新增至您的提示

提供正確的內容有助於 AI 生成更相關且準確的回應。

  • 隱式內容:VS Code 會自動將作用中的檔案、您目前的選取範圍和檔案名稱作為內容。當您使用代理程式時,代理程式會自主判斷是否需要額外內容。

  • #-提及:在聊天輸入中輸入 # 以明確參考檔案 (#file)、資料夾、符號、您的程式碼庫 (#codebase)、終端機輸出 (#terminalSelection) 或工具,例如 #fetch

  • @-提及:輸入 @ 以呼叫專門的聊天參與者,例如 @vscode@terminal,每個都針對其各自的領域進行了優化。

  • 視覺:附加圖片 (例如螢幕截圖或 UI 模型) 作為提示的內容。

  • 瀏覽器元素 (實驗性):從 整合式瀏覽器 中選取元素,以將 HTML、CSS 和螢幕截圖內容新增至您的提示。

深入了解 管理 AI 的內容

imageCarousel.chat.enabled Open in VS Code Open in VS Code Insiders 啟用時,您可以在聊天回應中選取圖片或影片以開啟專用的輪播檢視。工具結果 (例如整合式瀏覽器、Playwright 或其他 MCP 伺服器) 中的媒體檔案和助理訊息中內嵌的媒體檔案,都可以從輪播中存取。

Screenshot showing the image carousel view with multiple images.

檢閱並管理變更

在 AI 對您的檔案進行變更後,請檢閱並接受或捨棄這些變更。

  • 檢閱內嵌差異:開啟已變更的檔案以查看已套用變更的內嵌差異。使用編輯器疊層控制項在編輯之間導覽,並保留復原個別變更。如需更多資訊,請參閱 檢閱 AI 產生的程式碼編輯

  • 使用檢查點:VS Code 可以在聊天互動的關鍵點自動建立您的檔案快照,讓您能夠回溯到先前的狀態。如需更多資訊,請參閱 檢查點和編輯要求

  • 暫存以接受:在原始碼控制檢視中暫存您的變更會自動接受任何擱置中的編輯。捨棄變更也會捨棄擱置中的編輯。

Screenshot showing the Editor with proposed changes, highlighting the review controls in the editor overlay controls.

取得更好的回應

聊天功能提供多種方法來提升 AI 回應的品質和相關性

  • 撰寫有效的提示:明確說明您想要什麼、參考相關檔案和符號,並使用 / 命令執行常見任務。參考 提示範例 或檢閱完整的 提示工程指南 以獲取靈感。

  • 自訂 AI:透過新增 自訂指示、建立可重複使用的 提示檔案,或為專業工作流程建置 自訂代理程式,來根據您的專案調整 AI 的行為。例如,建立一個「程式碼審閱者」代理程式,提供關於程式碼品質和符合團隊編碼標準的意見回饋。

  • 使用工具擴充:連接 MCP 伺服器 或安裝擴充功能以提供工具,讓代理程式能夠存取外部服務、資料庫或 API。

如需更多資訊,請參閱 在 VS Code 中自訂 AI

疑難排解聊天互動

使用 代理程式記錄和聊天偵錯檢視 來檢查您發送提示時發生的情況。代理程式記錄會顯示工具呼叫、LLM 要求和提示檔案探索的時間順序事件記錄。聊天偵錯檢視會顯示每個互動的原始系統提示、使用者提示、內容和工具酬載。這些工具對於理解 AI 為何以特定方式回應或疑難排解意外結果很有用。

© . This site is unofficial and not affiliated with Microsoft.