Erweitern von GitHub Copilot Chat mit dem Model Context Protocol (MCP)

Voraussetzungen

• Zugriff auf Copilot Weitere Informationen 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.
• Wenn du Mitglied einer Organisation oder eines Unternehmens mit einem Copilot Business- oder Copilot Enterprise-Plan bist, muss die Richtlinie „MCP servers in Copilot“ aktiviert sein, damit MCP mit Copilot verwendet werden kann.

Konfigurieren von MCP-Servern in Visual Studio Code

MCP-Server können manuell in einer Konfigurationsdatei oder über die MCP-Registrierung von GitHub konfiguriert werden. Die MCP-Registrierung von GitHub enthält eine kuratierte Liste von MCP-Servern, die du deiner Visual Studio Code-Instanz einfach hinzufügen kannst.

Verwenden der MCP-Registrierung von GitHub

Ausschließlich MCP-Server, die in der MCP-Registrierung von GitHub aufgeführt sind, können über die Registrierung hinzugefügt werden. Weitere Server können manuell konfiguriert werden. Weitere Informationen findest du unter Manuelles Konfigurieren von MCP-Servern.

1. Besuche die MCP-Registrierung von GitHub.
2. Suche in der Suchleiste nach dem MCP-Server, den du hinzufügen möchtest, und klicke anschließend in der Liste der Übereinstimmungen auf den MCP-Server.
3. Lies auf der Seite des MCP-Servers die Beschreibung, um Details zu den Installationsanforderungen und weitere wichtige Nutzungsinformationen zu erfahren. Das kann je nach Server variieren.
4. Klicke auf Install server, und wähle Install in VS Code aus.
5. Visual Studio Code wird auf der Marketplaceseite des Servers geöffnet. Klicke auf Install, um deiner Visual Studio Code-Instanz den MCP-Server hinzuzufügen.
6. Wenn eine weitere Konfiguration erforderlich ist, befolge die Anweisungen auf der Seite des MCP-Servers in der MCP-Registrierung von GitHub.
7. Um zu überprüfen, ob der MCP-Server hinzugefügt wurde, klicke im Agent-Modus von Copilot Chat auf das Symbol „Tools“. Daraufhin wird eine Dropdownliste mit allen MCP-Servern und zugehörigen Tools angezeigt, die derzeit in deiner Visual Studio Code-Instanz verfügbar sind.

Manuelles Konfigurieren von MCP-Servern

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 kannst du 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. MCP-Server, die auf diese Weise konfiguriert wurden, sind in allen Arbeitsbereichen verfügbar.

  Hinweis

  We recommend you use only one location per server. Adding the same server to both locations may cause conflicts and unexpected behavior.

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.

Informationen zur Konfiguration des MCP-Servers von GitHub findest du unter Verwenden des GitHub-MCP-Servers.

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 im 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.

   • Optional kannst du Toolsets definieren. Dabei handelt es sich um verwandte Tools, auf die du im Chat verweisen kannst. Toolsets erleichtern es, verwandte MCP-Tools zu gruppen und schnell zu aktivieren oder zu deaktivieren. Informationen zur Definition und Verwendung von Toolsets findest du in der Dokumentation von VS Code.

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.

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 im 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.

Optional kannst du MCP-Prompts und -Ressourcen in VS Code verwenden.

• MCP-Server können vorkonfigurierte Prompts für die Interaktion mit ihren Tools definieren. Im Chat kannst du mit Slash-Befehlen im Format /mcp.servername.promptname auf diese Prompts zugreifen.
• MCP-Server stellen Ressourcen bereit. Dabei handelt es sich um alle Daten, die der Server zur Verfügung stellen möchte. Beispielsweise stellt der MCP-Server von GitHub Repositoryinhalte als Ressource bereit. Um Ressourcen von einem MCP-Server zu deinem Chatkontext hinzuzufügen, klicke im Chatfeld auf Add Context... und dann auf MCP Resources.

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.

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.