Skip to content

README.md

Latest commit

 

History

History
116 lines (75 loc) · 4.3 KB

README.md

File metadata and controls

116 lines (75 loc) · 4.3 KB

讓我們在接下來的章節中更詳細地討論如何使用視覺介面。

方法

高層次來說，我們需要這樣做：

  • 配置一個檔案來找到我們的 MCP Server。
  • 啟動／連接到該伺服器，讓它列出其功能。
  • 透過 GitHub Copilot Chat 介面使用這些功能。

很好，現在我們了解流程了，讓我們透過一個練習，嘗試在 Visual Studio Code 中使用 MCP Server。

練習：使用伺服器

在這個練習中，我們將配置 Visual Studio Code 來找到你的 MCP Server，以便能從 GitHub Copilot Chat 介面使用它。

-0- 預備步驟，啟用 MCP Server 探測

你可能需要啟用 MCP Server 的探測功能。

  1. 前往 File -> Preferences -> Settings，在 settings.json 檔案中找到 ` in Visual Studio Code.

  2. Search for "MCP" and enable `chat.mcp.discovery.enabled。

-1- 建立配置檔

先在你的專案根目錄建立一個配置檔，你需要在一個名為 .vscode 的資料夾中放置一個名為 MCP.json 的檔案。內容應該如下：

.vscode
|-- mcp.json

接著，我們來看看如何新增一個伺服器條目。

-2- 配置伺服器

在 mcp.json 中加入以下內容：

{
    "inputs": [],
    "servers": {
       "hello-mcp": {
           "command": "node",
           "args": [
               "build/index.js"
           ]
       }
    }
}

上面是一個簡單的範例，示範如何啟動一個用 Node.js 寫的伺服器，其他執行環境則請指定適合的啟動指令，使用 command and args。

-3- 啟動伺服器

加入條目後，讓我們啟動伺服器：

  1. 在 mcp.json 中找到你的條目，確認旁邊有「播放」圖示：

在 Visual Studio Code 啟動伺服器

  1. 點擊「播放」圖示後，GitHub Copilot Chat 中的工具圖示會顯示更多可用工具。點擊該工具圖示，你會看到註冊的工具列表。你可以勾選或取消勾選每個工具，決定是否讓 GitHub Copilot 將它們作為上下文使用：

在 Visual Studio Code 中的工具列表

  1. 要執行工具，輸入你知道會符合其中一個工具描述的提示，例如輸入「add 22 to 1」：

從 GitHub Copilot 執行工具

你應該會看到回應是 23。

作業

嘗試在你的 mcp.json 檔案中新增一個伺服器條目，並確保你可以啟動和停止伺服器。也請確認你能透過 GitHub Copilot Chat 介面與伺服器上的工具溝通。

解答

解答

重要重點

本章重點如下：

  • Visual Studio Code 是一個很棒的用戶端，可以讓你使用多個 MCP Server 及其工具。
  • GitHub Copilot Chat 介面是你與伺服器互動的方式。
  • 你可以向使用者提示輸入像是 API 金鑰，並在 mcp.json 配置檔中設定伺服器條目時將其傳給 MCP Server。

範例

額外資源

接下來要做什麼

免責聲明：
本文件由 AI 翻譯服務 Co-op Translator 進行翻譯。雖然我們致力於確保準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而引起的任何誤解或誤釋負責。