P
💻DeveloppementAvanceAll AIs

Prompt pour créer une extension VS Code avec l'IA

Ce prompt guide l'IA pour créer une extension VS Code complète, de l'initialisation du projet à la publication sur le Marketplace, en passant par l'architecture, les tests et l'intégration de l'API.

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Tu es un développeur expert en extensions VS Code et en TypeScript. Je veux créer une extension VS Code qui [DESCRIPTION_FONCTIONNALITE]. L'extension cible les développeurs qui travaillent avec [LANGAGE_OU_TECHNOLOGIE].

Guide-moi étape par étape pour :

  1. Initialisation du projet : génère la structure complète du projet avec Yeoman (yo code), le package.json avec les champs contributes appropriés (commandes, menus, keybindings, vues), et le tsconfig.json optimisé.

  2. Architecture de l'extension : propose une architecture modulaire avec :

    • Le point d'entrée (extension.ts) avec activate/deactivate
    • Les commandes enregistrées via vscode.commands.registerCommand
    • Les providers nécessaires (TreeDataProvider, CompletionItemProvider, CodeActionProvider, etc.)
    • La gestion de la configuration utilisateur via WorkspaceConfiguration
  3. Intégration de l'API VS Code : montre comment utiliser :

    • L'API de l'éditeur (TextEditor, TextDocument, Selection, Range)
    • Le système de diagnostics (DiagnosticCollection)
    • Les WebviewPanel si une interface graphique est nécessaire
    • Le système de stockage (ExtensionContext.globalState / workspaceState)
  4. Fonctionnalité principale : implémente la logique métier de [DESCRIPTION_FONCTIONNALITE] avec du code TypeScript complet et commenté.

  5. Tests : écris des tests unitaires avec le framework de test VS Code (@vscode/test-electron) couvrant les cas nominaux et les cas limites.

  6. Publication : fournis les étapes pour publier sur le VS Code Marketplace avec vsce, incluant le README.md, le CHANGELOG.md et les badges.

Pour chaque fichier généré, indique le chemin relatif exact dans le projet. Assure-toi que le code est compatible avec la dernière version de l'API VS Code et suit les bonnes pratiques officielles de Microsoft.

Personnaliser ce prompt avec Léa

Réponds à 3 questions, Léa adapte le prompt à ta situation.

Pourquoi ce prompt fonctionne

<p>Ce prompt est conçu pour obtenir un accompagnement complet dans la création d'une extension VS Code. En spécifiant la <strong>fonctionnalité souhaitée</strong> et le <strong>langage ou technologie cible</strong>, vous obtenez un guide sur mesure qui couvre toutes les étapes du développement. L'IA génère du code TypeScript prêt à l'emploi en respectant les conventions officielles de Microsoft.</p><p>La structure du prompt suit le cycle de vie réel d'une extension : initialisation avec le générateur Yeoman, architecture modulaire avec les bons patterns VS Code (providers, commandes, configuration), implémentation de la logique métier, puis tests et publication. Chaque section demande explicitement du <strong>code complet et commenté</strong> avec les chemins de fichiers, ce qui évite les réponses trop abstraites.</p><p>Pour maximiser la qualité du résultat, soyez précis dans la description de votre fonctionnalité. Par exemple, au lieu de dire "un linter", précisez "un linter qui vérifie les conventions de nommage BEM dans les fichiers CSS et propose des quick fixes". Plus votre description est détaillée, plus le code généré sera pertinent et directement utilisable.</p>

Cas d'usage

Créer un snippet manager intelligent qui suggère des extraits de code selon le contexteDévelopper un outil de revue de code intégré qui analyse la qualité avec des règles personnaliséesConstruire un panneau latéral affichant la documentation d'une API directement dans l'éditeur

Résultat attendu

Un guide structuré étape par étape contenant la structure complète du projet, le code TypeScript de chaque fichier source avec chemins relatifs, les fichiers de configuration (package.json, tsconfig.json), des tests unitaires fonctionnels et les instructions de publication sur le Marketplace.

Formez-vous en profondeur

Découvrez le skill complet sur Prompt Guide pour maîtriser cette technique de A à Z.

Voir sur Prompt Guide

Commentaires

Sois le premier à commenter ce prompt.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Prompts similaires

💻DeveloppementAvanceAll AIs

Revue de code sécurité

Auditer le code pour les vulnérabilités de sécurité courantes

025
💻DeveloppementDebutantAll AIs

Corriger des tests qui échouent

Analyser et corriger des tests automatisés qui échouent

054
💻DeveloppementIntermediaireAll AIs

Synthetic monitoring

Surveiller proactivement l'expérience utilisateur

022
💻DeveloppementIntermediaireAll AIs

Tests E2E avec Playwright

Automatiser les tests de parcours utilisateurs critiques

021