Skip to content

Latest commit

 

History

History
116 lines (75 loc) · 4.36 KB

README.md

File metadata and controls

116 lines (75 loc) · 4.36 KB

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

方法

以下是我們在高層次上需要採取的步驟：

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

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

練習：使用伺服器

在這個練習中，我們將配置 Visual Studio Code 以找到你的 MCP 伺服器，使其能夠從 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- 建立設定檔

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

.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 進行翻譯。雖然我們致力於確保準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應視為權威來源。對於重要資訊，建議採用專業人工翻譯。對於因使用本翻譯而產生的任何誤解或誤釋，我們概不負責。