9 points par hwanyong 2025-09-26 | Aucun commentaire pour le moment. | Partager sur WhatsApp

Pont de débogage AI-VSCode - L’IA enquête sur les bugs à partir des données.

MCP Debug Tools est un projet open source qui relie le Debug Adapter Protocol (DAP) de Microsoft et le Model Context Protocol (MCP) d’Anthropic. Grâce à cet outil, des outils d’IA comme Claude, Cursor et Windsurf peuvent contrôler directement les puissantes fonctionnalités de débogage de VSCode.

Before (méthode classique)

Développeur : "Les données agrégées du composant visible dans le menu A sont différentes de celles visibles dans le menu B. Il faut trouver le bug."  
IA : "Analyse du code en cours... J’ai détecté un problème dans la structure du code."  
Développeur : "Le symptôme est toujours exactement le même"  
IA : "Je vais analyser plus en profondeur. Comparaison des types et de la structure des données en cours..."  
Développeur : "Le problème n’est toujours pas résolu"  
IA : "J’ai besoin de plus de logs. Je vais en ajouter et réessayer."  
Développeur : "Le problème n’est toujours pas résolu"  
  
[Répétition...]  

After (MCP Debug Tools)

Développeur : "Les données agrégées du composant visible dans le menu A sont différentes de celles visibles dans le menu B. Vérifie le problème en comparant les données à partir du débogage."  
IA : "Je vais comparer l’emplacement du composant du menu A avec celui du menu B."  
IA : "Le composant du menu A est rendu dans la fonction Y du fichier X, et le composant du menu B dans la fonction W du fichier Z."  
IA : "J’ai placé un point d’arrêt sur la partie qui récupère les données dans la fonction Y du fichier X. Je vais démarrer le débogage."  
  
[Démarrage de la session de débogage, l’IA utilise les fonctions de débogage de VSCode pour exécuter le code, inspecter les variables, vérifier la stack trace, etc.]  
  
IA : "Le point d’arrêt a été atteint. Après inspection des variables, les données du menu A utilisent directement le résultat de l’appel API, tandis que celles du menu B utilisent des données en cache. C’est probablement ce qui provoque l’incohérence."  
IA : "La modification du code est terminée, je vais redémarrer la session de débogage."  
  
[Redémarrage de la session de débogage, exécution du code, inspection des variables]  
  
IA : "J’ai confirmé que les données correspondent maintenant. Le problème semble résolu."  
Développeur : "C’est réglé !"  

Installation (3 étapes)

# 1. Installer l’extension VSCode  
code --install-extension mcp-debug-tools  
  
# 2. Installer le package npm (optionnel)  
npm install -g @uhd_kr/mcp-debug-tools  
  
# 3. Connecter à l’outil d’IA  
# Ajouter le serveur MCP dans Claude, Cursor, Windsurf, etc.  
{  
  "mcpServers": {  
    "release_dap-proxy": {  
      "command": "npx",  
      "args": [  
        "-y",  
        "@uhd_kr/mcp-debug-tools@latest"  
      ]  
    }  
  }  
}  

Fonctionnalités principales

29 outils de débogage puissants

  • Gestion des points d’arrêt : prise en charge des conditions et des log points
  • Contrôle de l’exécution : Step In/Out/Over, Continue, Pause
  • Inspection des variables : suivi des valeurs en temps réel, évaluation des expressions
  • Analyse de la pile d’appels : visualisation de la chaîne d’appels de fonctions
  • Prise en charge multithread : débogage de Worker Threads et SharedArrayBuffer

5 ressources de monitoring en temps réel

  • État de la session de débogage active
  • Liste des points d’arrêt
  • Informations sur la pile d’appels
  • Portées des variables
  • Informations sur les exceptions et stack trace

Liens

Mot du développeur

À force de passer du temps chaque jour à déboguer, un par un, les problèmes du code généré par l’IA, je me suis fait une réflexion.
Une IA incapable de résoudre directement un problème, c’est comme un débutant qui ne sait pas déboguer.
J’ai donc créé un outil pour aider l’IA à déboguer.
Quand on fournit du contexte à une IA, l’élément le plus important reste les données réelles.
Le débogage permet d’observer en temps réel le flux d’exécution et l’état du code, ce qui aide énormément l’IA à identifier précisément un problème et à proposer une solution.

J’ai essayé de respecter les principes fondamentaux du développement.
Si MCP Debug Tools est l’outil qui permet à l’IA de résoudre elle-même les problèmes grâce au débogage,
la prochaine étape consiste à créer un outil qui l’aide à adopter de bonnes habitudes lorsqu’elle écrit elle-même du code.
L’objectif final est de réunir tout cela pour construire une véritable pipeline de production de code de qualité.

J’espère que cet outil sera d’une grande aide dans votre parcours de développement avec l’IA.
En tant que développeur solo, j’ai vraiment besoin de retours variés.
J’écris ce message pour solliciter votre aide, qu’il s’agisse de bug reports, de suggestions de fonctionnalités ou de retours d’usage.

Merci.

Feedback : yoo.hwanyong@gmail.com

Aucun commentaire pour le moment.

Aucun commentaire pour le moment.