Erweitern des Copilot-Chats mit Model Context Protocol (MCP)

Übersicht

Bei Model Context Protocol (MCP) handelt es sich um einen offenen Standard, der definiert, wie Anwendungen Kontext mit großen Sprachmodellen (LLMs) teilen. MCP bietet eine standardisierte Möglichkeit, KI-Modelle mit verschiedenen Datenquellen und Tools für eine effektivere Zusammenarbeit zu verknüpfen.

Durch die Integration von MCP mit einer Vielzahl vorhandener Tools und Dienste kannst du die Funktionen von Copilot Chat zu erweitern. Beispiel: Mit dem MCP-Server von GitHub kannst du Copilot Chat in Visual Studio Code verwenden, um auf GitHub Aufgaben auszuführen. Du kannst MCP außerdem verwenden, um neue Tools und Dienste zu erstellen, die mit Copilot Chat funktionieren, um so deine Nutzung anzupassen und zu verbessern.

Weitere Informationen zu MCP findest du in der offiziellen MCP-Dokumentation.

Informationen zu einigen der weiteren derzeit verfügbaren MCP-Server findest du im Repository der MCP-Server.

Voraussetzungen

• Zugriff auf Copilot Weitere Informationen, wie du Zugriff auf Copilot erhältst, findest du unter Was ist GitHub Copilot?.
• Visual Studio Code Version 1.99 oder höher. Informationen zum Installieren von Visual Studio Code findest du auf der Visual Studio Code-Downloadseite.

Konfigurieren von MCP-Servern in Visual Studio Code

Um in Visual Studio Code MCP-Server zu konfigurieren, musst du ein Konfigurationsskript einrichten, das die Details der gewünschten MCP-Server angibt. Du kannst MCP-Server für Folgendes konfigurieren:

• Ein bestimmtes Repository: Dadurch werden MCP-Server für alle Personen freigegeben, die das Projekt in Visual Studio Code öffnen. Erstelle hierzu im Stammverzeichnis deines Repositorys eine .vscode/mcp.json-Datei.

• Deine persönliche Instanz von Visual Studio Code: Du bist die einzige Person mit Zugriff auf konfigurierte MCP-Server. Füge deiner settings.json-Datei hierzu in Visual Studio Code die Konfiguration hinzu.

  Note

  Es wird empfohlen, pro Server lediglich einen Speicherort zu verwenden. Das Hinzufügen desselben Servers zu beiden Speicherorten kann zu Konflikten und unerwartetem Verhalten führen.

Die folgenden Schritte veranschaulichen, wie du in deiner .vscode/mcp.json-Datei den Fetch MCP-Server konfigurierst. Der Fetch MCP-Server ist ein einfacher MCP-Server, der Funktionen zum Fetchen von Webinhalten bereitstellt. Weitere Informationen zum Fetch MCP-Server findest du im MCP Server-Repository unter Fetch-Verzeichnis.

Du kannst dieselben Schritte verwenden, um MCP-Server in deinen persönlichen Visual Studio Code-Einstellungen zu konfigurieren. Details zum Konfigurieren weiterer MCP-Server sind im Repository der MCP-Server verfügbar.

1. Füge deiner .vscode/mcp.json-Datei die folgende Konfiguration hinzu:

   JSON

   {
   "inputs": [
     // The "inputs" section defines the inputs required for the MCP server configuration. 
     {
       "type": "promptString"
     }
   ],
   "servers": {
     // The "servers" section defines the MCP servers you want to use.
     "fetch": {
       "command": "uvx",
       "args": ["mcp-server-fetch"]
     }
    }
   }
   

2. Speichern Sie die Datei .vscode/mcp.json.

3. In deiner .vscode/mcp.json-Datei wird oben in der Liste der Server die Schaltfläche „Start“ angezeigt. Klicke auf die Schaltfläche „Start“, um die MCP-Server zu starten. Dadurch werden der Eingabedialog ausgelöst und die Servertools ermittelt, die dann für spätere Sitzungen gespeichert werden.

   

4. Öffne Copilot Chat durch Klicken auf das Symbol auf der Titelleiste von Visual Studio Code.

5. Wähle im Feld Copilot Chat aus dem Popupmenü die Option Agent aus.

   

6. Um die Liste der verfügbaren MCP-Server anzuzeigen, klicke in der oberen linken Ecke des Chatfelds auf das Symbol „Tools“. Dadurch wird die Liste der MCP-Server geöffnet, in der alle MCP-Server und die zugehörigen Tools angezeigt werden, die derzeit in deiner Instanz von Visual Studio Code verfügbar sind.

Weitere Informationen zum Konfigurieren von MCP-Servern in Visual Studio Code findest du in der Visual Studio Code-Dokumentation unter Verwenden von MCP-Servern in Visual Studio Code (Preview).

Verwenden von MCP-Servern in Copilot Chat

Nachdem du deine MCP-Server konfiguriert hast, kannst du sie in Copilot Chat verwenden, um auf eine Vielzahl von Tools und Diensten zuzugreifen. Im folgenden Beispiel wird Fetch MCP-Server zum Fetchen von Details zu einer Webseite verwendet.

1. Öffne Copilot Chat durch Klicken auf das Symbol auf der Titelleiste von Visual Studio Code.

2. Wähle im Feld Copilot Chat aus dem Popupmenü die Option Agent aus.

3. Stelle in der Datei mit der MCP-Konfiguration sicher, dass der MCP-Server ausgeführt wird. Wenn er nicht ausgeführt wird, klicke auf die Schaltfläche „Start“, um den MCP-Server zu starten.

   

4. Weise Copilot Chat an, die Details einer URL zu fetchen. Zum Beispiel:

   Fetch https://github.com/github/docs.

5. Wenn du von Copilot aufgefordert wirst, zu bestätigen, dass du fortfahren möchtest, klicke auf Continue.

6. Copilot fetcht die Details der URL und zeigt diese im Chatfeld an.

Weitere Informationen zum Verwenden von MCP-Servern in Visual Studio Code findest du in der Visual Studio Code-Dokumentation unter Verwenden von MCP-Servern in Visual Studio Code (Preview).

Verwenden vorhandener MCP-Konfigurationen

Wenn du in Claude Desktop bereits über eine MCP-Konfiguration verfügst, kannst du diese Konfiguration in Visual Studio Code verwenden, um auf dieselben MCP-Server zuzugreifen. Füge deiner settings.json-Datei hierzu in Visual Studio Code die folgende Konfiguration hinzu:

"chat.mcp.discovery.enabled": true

"chat.mcp.discovery.enabled": true

Visual Studio Code sucht deine vorhandene Konfiguration automatisch und verwendet sie in deiner Instanz von Visual Studio Code.

Erstellen eines neuen MCP-Servers

Du kannst einen neuen MCP-Server erstellen, der deine spezifischen Anforderungen erfüllt. Anschließend kannst du diesen mit Copilot Chat integrieren. Beispiel: Du kannst einen MCP-Server erstellen, der eine Verbindung mit einer Datenbank oder einem Webdienst herstellt, und diesen Server anschließend in Copilot Chat verwenden, um Aufgaben für diese Datenbank oder diesen Webdienst auszuführen.

Weitere Informationen zum Erstellen und Konfigurieren deiner eigenen MCP-Server findest du in der offiziellen MCP-Dokumentation.