Comment ajouter un nouveau serveur MCP à VS Code

Les intégrations MCP étendent les capacités de l’IA en lui fournissant des outils qu’elle peut utiliser pour agir. Cette nouvelle approche concerne aussi les développeurs qui utilisent VS Code.

MCP a vu le jour à la suite d’une annonce d’Anthropic, puis a été largement adopté par la communauté des développeurs. Des startups ont créé des serveurs MCP avec lesquels il est possible d’interagir, et une nouvelle génération d’IDE pour développeurs a adopté MCP pour enrichir les workflows de développement.

VS Code n’est pas en reste. Parmi les nombreuses extensions de programmation assistée par l’IA disponibles pour VS Code, comme Qodo Gen, Cline et d’autres, l’équipe GitHub Copilot a été l’une des premières à proposer la prise en charge de MCP en préversion dans le mode agent de VS Code.

VS Code prend en charge les serveurs MCP locaux exécutés via STDIO et les serveurs MCP fonctionnant sur un réseau HTTP / SSE (distant).

Comment ajouter un nouveau serveur MCP

Pour afficher ou ajouter des serveurs MCP, ouvrez la palette de commandes avec CMD + SHIFT + P, puis saisissez « MCP ». Une liste similaire d’actions parmi lesquelles choisir devrait s’afficher :

La définition de nouveaux serveurs MCP suit la même méthode que pour ajouter des serveurs MCP à Cursor et à d’autres outils d’IA agentique : il suffit de définir la configuration JSON dans un fichier de configuration MCP dédié.

Dans VS Code, le fichier de configuration MCP se trouve à l’emplacement .vscode/mcp.json. Ajoutons le serveur MCP de GitHub en lançant le processus avec Docker. Pour cela, vous aurez besoin des éléments suivants :

1. Docker installé et en cours d’exécution

2. Un jeton d’accès personnel (PAT) créé depuis votre compte GitHub

Une fois ces éléments en votre possession, définissons une nouvelle entrée de serveur MCP dans `.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}"
      }
    }
  }
}

L’agent IA GitHub Copilot interagit avec les serveurs MCP

Une fois le serveur MCP de GitHub configuré pour s’exécuter avec le fichier .vscode/mcp.json, nous pouvons passer en mode Agent dans GitHub Copilot et examiner tous les outils disponibles dans le chat.

Dans le champ de saisie du chat, une icône affiche « 36 ». Cliquez dessus pour ouvrir la fenêtre de commandes ci-dessous, qui présente tous les outils accessibles via les intégrations de serveurs MCP :

Définir le jeton d’accès personnel GitHub pour le serveur MCP

Avant de pouvoir interagir avec le serveur MCP de GitHub, nous devons lui fournir notre jeton d’accès personnel. 

Vous avez peut-être remarqué que le fichier de configuration mcp.json pour MCP comporte un champ inputs dédié. Celui-ci associe l’identifiant github_token de cette clé JSON à la variable d’environnement GITHUB_PERSONAL_ACCESS_TOKEN, définie dans la propriété servers pour l’entrée github.

Pour éviter d’exposer des identifiants et des jetons d’API en clair dans les fichiers de configuration, notamment dans un fichier mcp.json, l’intégration MCP de VS Code peut demander interactivement le PAT GitHub au démarrage du serveur.

Si le serveur MCP est déjà en cours d’exécution, cliquez sur le lien Stop dans la suggestion de code en ligne du fichier mcp.json, puis cliquez à nouveau sur Start. Le champ de saisie du PAT GitHub s’affiche alors :

Lister les problèmes du dépôt GitHub via l’intégration du serveur MCP de GitHub Copilot

Nous pouvons maintenant reprendre le workflow de développement. Dans le chat, demandons la liste des problèmes ouverts ou des pull requests du dépôt GitHub de ce projet. Le LLM utilisera des outils pour déterminer ce que signifie précisément « ce projet », puis appellera les outils pertinents disponibles sur le serveur MCP de GitHub que nous avons configuré pour répondre à notre demande :

Envie d’en savoir plus sur la sécurité de l’IA ?

• Découvrez Comment l’IA est-elle utilisée en cybersécurité ?

• Vous vous inquiétez de l’utilisation de ChatGPT dans votre entreprise ? Sécuriser le code généré par ChatGPT en entreprise

• Avez-vous entendu parler de l’IA fantôme ?