So fügen Sie einen neuen MCP-Server zu VS Code hinzu

MCP-Integrationen erweitern die KI-Funktionen, indem sie ihnen Tools zur Verfügung stellen, mit denen sie Aktionen ausführen können. Auch Entwickler, die mit VS Code arbeiten, profitieren von diesem neuen Paradigma.

MCP nahm zunächst mit einer Ankündigung von Anthropic seinen Anfang. Darauf folgten eine starke Akzeptanz in der Entwickler-Community, Start-ups, die MCP-Server zur Interaktion bereitstellten, und eine neue Generation von Entwickler-IDEs, die MCPs zur Optimierung von Entwicklungsabläufen integrierten.

VS Code bleibt dabei nicht zurück. Zwar gibt es zahlreiche KI-Coding-Erweiterungen für VS Code, darunter Qodo Gen und Cline, doch das Team von GitHub Copilot führte frühzeitig die Vorschauunterstützung für MCP im Agent-Modus von VS Code ein.

VS Code unterstützt lokal ausgeführte, prozessbasierte MCP-Server über STDIO sowie MCP-Server, die über ein (Remote-)HTTP-/SSE-Netzwerk laufen.

So fügen Sie einen neuen MCP-Server hinzu

MCP-Server lassen sich ganz einfach über die Befehlspalette auflisten oder hinzufügen. Öffnen Sie diese mit CMD + SHIFT + P und geben Sie dann „MCP“ ein. Wahrscheinlich wird eine ähnliche Liste mit Aktionen angezeigt, aus der Sie auswählen können:

Neue MCP-Server werden ähnlich definiert wie beim Hinzufügen neuer MCP-Server zu Cursor und anderen agentischen KI-Tools: durch die JSON-Konfiguration in einer eigens dafür vorgesehenen MCP-Konfigurationsdatei.

Für VS Code befindet sich die MCP-Konfigurationsdatei unter .vscode/mcp.json. Fügen wir den MCP-Server von GitHub mithilfe der Docker-Methode hinzu, mit der der Prozess gestartet wird. Dafür benötigen Sie:

1. Docker, installiert und gestartet

2. Ein persönliches Zugriffstoken (PAT), das Sie auf Ihrer GitHub-Kontoseite erstellt haben

Nachdem Sie diese Voraussetzungen erfüllt haben, definieren wir einen neuen MCP-Server-Eintrag in `.vscode/mcp.json:

{
  "inputs": [
    {
      "type": "promptString",
      "id": "github_token",
      "description": "GitHub Personal Access Token",
      "password": true
    }
  ],
  "servers": {
    "github": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "-e",
        "GITHUB_PERSONAL_ACCESS_TOKEN",
        "ghcr.io/github/github-mcp-server"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "${input:github_token}"
      }
    }
  }
}

Der GitHub-Copilot-KI-Agent interagiert mit MCP-Servern

Nachdem der GitHub-MCP-Server so konfiguriert wurde, dass er mit der Datei .vscode/mcp.json ausgeführt wird, können wir in GitHub Copilot zum Modus Agent wechseln und alle verfügbaren Tools im Chat ansehen.

Im Chat-Eingabefeld befindet sich ein Symbol mit der Zahl „36“. Wenn Sie darauf klicken, wird das folgende Befehlsfenster mit allen verfügbaren Tools angezeigt, die über MCP-Server-Integrationen bereitgestellt werden:

Das persönliche GitHub-Zugriffstoken für den MCP-Server festlegen

Bevor wir mit dem GitHub-MCP-Server interagieren können, müssen wir ihm unser persönliches Zugriffstoken bereitstellen.

Vielleicht ist Ihnen aufgefallen, dass die mcp.json-Konfigurationsdatei für MCPs ein eigenes Feld für inputs enthält. Darin wird der Bezeichner github_token aus diesem JSON-Schlüssel der Umgebungsvariablen GITHUB_PERSONAL_ACCESS_TOKEN zugeordnet, die in der Eigenschaft servers für den Eintrag github definiert ist.

Damit Zugangsdaten und API-Tokens nicht im Klartext in Konfigurationsdateien wie mcp.json offengelegt werden, ermöglicht die MCP-Integration in VS Code, das GitHub-PAT beim Start des Servers interaktiv abzufragen.

Wenn der MCP-Server bereits läuft, klicken Sie im Inline-Codevorschlag der Datei mcp.json auf den Link Stop und anschließend erneut auf Start. Nun wird ein Eingabefeld angezeigt, in das Sie das GitHub-PAT eingeben können:

GitHub-Repository-Issues über die GitHub-Copilot-MCP-Server-Integration auflisten

Nun können wir zu unserem Entwicklungsablauf zurückkehren. Geben Sie im Chat die Aufforderung ein, alle offenen Issues oder Pull Requests im GitHub-Repository dieses Projekts aufzulisten. Das LLM führt dann Tools aus, um zu ermitteln, was genau mit „dieses Projekt“ gemeint ist, und ruft anschließend die relevanten Tools im von uns definierten GitHub-MCP-Server auf, um die Anfrage zu beantworten:

Möchten Sie mehr über KI-Sicherheit erfahren?

• Lesen Sie mehr dazu: Wie wird KI in der Cybersicherheit eingesetzt?

• Machen Sie sich Gedanken über die Nutzung von ChatGPT in Ihrem Unternehmen? ChatGPT-Coding-Sicherheit für Unternehmen

• Haben Sie schon von Shadow AI gehört?