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

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 Visual Studio Codefinden Sie auf der [Visual Studio Code Downloadseite](https://code.visualstudio.com/Download?ref_product=copilot&ref_type=engagement&ref_style=text).

• 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 GitHub MCP-Registrierung konfiguriert werden. Die GitHub MCP-Registrierung bietet eine kuratierte Liste von MCP-Servern, die Sie ihrer Visual Studio Code Instanz problemlos hinzufügen können.

Verwenden der GitHub MCP-Registrierung

Nur MCP-Server, die in der GitHub MCP-Registrierung 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. In Visual Studio Code, öffnen Sie den Erweiterungsbereich, indem Sie auf das Erweiterungssymbol in der Randleiste klicken oder Ctrl+Shift+X (Windows/Linux) / Command+Shift+X (Mac).
2. Geben Sie @mcp in der Suchleiste der Erweiterungen gefolgt vom Namen des MCP-Servers ein, den Sie hinzufügen möchten. Dadurch wird der MCP-Serverkatalog geöffnet und übereinstimmende Ergebnisse angezeigt.
3. Wählen Sie den MCP-Server aus den Suchergebnissen aus. Klicken Sie auf der Detailseite des MCP-Servers auf "Installieren".
4. Wenn Sie dazu aufgefordert werden, bestätigen Sie, dass Sie dem Server vertrauen, um ihn zu starten. VS Code ermittelt die Tools des Servers und stellt sie im Chat zur Verfügung.
5. Um zu überprüfen, ob der MCP-Server ordnungsgemäß konfiguriert ist, öffnen Sie die Befehlspalette, indem Sie Ctrl+Shift+P (Windows/Linux) / Command+Shift+P (Mac) drücken.
6. Geben Sie MCP ein, und wählen Sie "MCP: Server auflisten" aus. Der MCP-Server sollte als konfigurierter Server aufgeführt werden.

Manuelles Konfigurieren von MCP-Servern

Um MCP-Server in Visual Studio Codezu konfigurieren, müssen Sie ein Konfigurationsskript einrichten, das die Details der MCP-Server angibt, die Sie verwenden möchten. 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.

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

Informationen zum Konfigurieren des GitHub MCP-Servers finden Sie unter Verwenden des GitHub MCP-Servers in Ihrer IDE.

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. Öffnen Copilot-Chat Durch Klicken auf das Symbol in der Titelleiste von Visual Studio Code.

5. Wählen Sie im Copilot-Chat Feld "Agent" im Popupmenü 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 MCP-Serverliste geöffnet, in der alle MCP-Server und die zugehörigen Tools angezeigt werden, die derzeit in Ihrer Visual Studio Code Instanz 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 zum Definieren und Verwenden eines Toolsets finden Sie in den VS Code Dokumenten.

Für weitere Informationen zur Konfiguration von MCP-Servern in Visual Studio Code finden Sie Verwenden von MCP-Servern in Visual Studio Code in der Visual Studio Code Dokumentation.

Verwenden von MCP-Servern in Copilot-Chat

Nachdem Sie Ihre MCP-Server konfiguriert haben, können Sie 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ählen Sie im Copilot-Chat Feld "Agent" im Dropdownmenü "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. Bitten Sie Copilot-Chat , die Details einer URL abzurufen. Beispiel:

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

5. Wenn Copilot Sie aufgefordert werden, zu bestätigen, dass Sie fortfahren möchten, klicken Sie auf "Weiter".

6.        Copilot ruft die Details der URL ab und zeigt sie im Chatfeld an.
   

Optionalerweise können Sie MCP-Eingabeaufforderungen 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. Der MCP-Server stellt GitHub Repositoryinhalte z. B. 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 zur Verwendung von MCP-Servern in Visual Studio Code finden Sie in der Visual Studio Code-Dokumentation unter .

Verwenden vorhandener MCP-Konfigurationen

Wenn Sie bereits über eine MCP-Konfiguration in Claude Desktop verfügen, können Sie diese Konfiguration Visual Studio Code verwenden, um auf dieselben MCP-Server zuzugreifen. Fügen Sie dazu die folgende Konfiguration in die Datei settings.json in Visual Studio Code ein:

"chat.mcp.discovery.enabled": true

"chat.mcp.discovery.enabled": true

          Visual Studio Code wird Ihre vorhandene Konfiguration automatisch finden und sie in Ihrer Visual Studio Code Instanz verwenden.