情境 3：在 VS Code 編輯器內使用 MCP 伺服器查看文件

概覽

在此情境中，您將學習如何使用 MCP 伺服器，將 Microsoft Learn 文件直接帶入 Visual Studio Code 環境。您不必再頻繁切換瀏覽器分頁搜尋文件，而是能在編輯器內直接存取、搜尋並參考官方文件。這種方式能簡化工作流程，讓您保持專注，並能與 GitHub Copilot 等工具無縫整合。

在 VS Code 內搜尋並閱讀文件，無需離開編碼環境。
直接在 README 或課程檔案中參考文件並插入連結。
結合 GitHub Copilot 與 MCP，打造流暢的 AI 助力文件工作流程。

學習目標

完成本章後，您將了解如何在 VS Code 中設定並使用 MCP 伺服器，以提升文件與開發工作流程。您將能夠：

配置工作區以使用 MCP 伺服器進行文件查詢。
在 VS Code 內直接搜尋並插入文件內容。
結合 GitHub Copilot 與 MCP 的力量，打造更高效的 AI 輔助工作流程。

這些技能將幫助您保持專注、提升文件品質，並增強作為開發者或技術寫手的生產力。

解決方案

為了實現編輯器內的文件存取，您將依序完成一系列步驟，將 MCP 伺服器與 VS Code 及 GitHub Copilot 整合。此方案非常適合課程作者、文件撰寫者及開發者，讓您在編輯器中專注工作，同時使用文件與 Copilot。

在撰寫課程或專案文件時，快速新增 README 的參考連結。
使用 Copilot 產生程式碼，並用 MCP 即時查找及引用相關文件。
保持在編輯器中專注，提高工作效率。

逐步指南

開始前，請依照以下步驟操作。每個步驟都可以搭配資源資料夾中的截圖，幫助視覺說明流程。

新增 MCP 設定：
在專案根目錄建立 .vscode/mcp.json 檔案，並加入以下設定：
```
{
  "servers": {
    "LearnDocsMCP": {
      "url": "https://learn.microsoft.com/api/mcp"
    }
  }
}
```
此設定告訴 VS Code 如何連接到 Microsoft Learn Docs MCP server。
開啟 GitHub Copilot Chat 面板：
如果尚未安裝 GitHub Copilot 擴充功能，請前往 VS Code 的擴充功能檢視並安裝。您也可以直接從 Visual Studio Code Marketplace 下載。接著，從側邊欄開啟 Copilot Chat 面板。
啟用代理模式並確認工具：
在 Copilot Chat 面板中啟用代理模式。

啟用後，確認 MCP 伺服器已列為可用工具之一。這確保 Copilot 代理能存取文件伺服器，取得相關資訊。
開始新對話並提示代理：
在 Copilot Chat 面板開啟新對話，您現在可以向代理提出文件相關問題。代理會使用 MCP 伺服器，直接在編輯器中擷取並顯示相關 Microsoft Learn 文件。
- 「我正在為主題 X 撰寫學習計畫，計畫學習 8 週，請為每週建議應學習的內容。」
即時查詢：

以下為 Azure AI Foundry Discord #get-help 頻道中的即時查詢範例（查看原始訊息）：

「我想了解如何部署多代理解決方案，這些 AI 代理是在 Azure AI Foundry 上開發的。我發現沒有直接的部署方式，例如 Copilot Studio 頻道。那麼，企業用戶要如何部署，才能互動並完成工作？
有許多文章或部落格提到可以使用 Azure Bot 服務作為 MS Teams 與 Azure AI Foundry 代理之間的橋樑。如果我設置一個 Azure Bot，透過 Azure Function 連接到 Azure AI Foundry 的 Orchestrator Agent 來執行協調，這樣可行嗎？還是我需要為多代理解決方案中的每個 AI 代理建立 Azure Function，在 Bot Framework 端進行協調？其他建議也非常歡迎。」

代理會回應相關文件連結與摘要，您可以直接插入到 markdown 檔案中，或作為程式碼中的參考。