Prompt to Create a VS Code Extension with AI
This prompt guides AI to create a complete VS Code extension, from project initialization to Marketplace publishing, covering architecture, tests and API integration.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
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 :
-
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é.
-
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
-
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)
-
Fonctionnalité principale : implémente la logique métier de [DESCRIPTION_FONCTIONNALITE] avec du code TypeScript complet et commenté.
-
Tests : écris des tests unitaires avec le framework de test VS Code (@vscode/test-electron) couvrant les cas nominaux et les cas limites.
-
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.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Why this prompt works
<p>This prompt is designed to provide complete guidance for creating a VS Code extension. By specifying the <strong>desired feature</strong> and <strong>target language or technology</strong>, you get a tailored guide covering every development stage. The AI generates ready-to-use TypeScript code following official Microsoft conventions.</p><p>The prompt structure follows the real lifecycle of an extension: initialization with the Yeoman generator, modular architecture with proper VS Code patterns (providers, commands, configuration), business logic implementation, then tests and publishing. Each section explicitly requests <strong>complete, commented code</strong> with file paths, which avoids overly abstract responses.</p><p>To maximize result quality, be specific in describing your feature. For example, instead of saying "a linter", specify "a linter that checks BEM naming conventions in CSS files and offers quick fixes". The more detailed your description, the more relevant and directly usable the generated code will be.</p>
Use Cases
Expected Output
A structured step-by-step guide containing the complete project structure, TypeScript code for each source file with relative paths, configuration files (package.json, tsconfig.json), working unit tests and Marketplace publishing instructions.
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt GuideComments
Be the first to comment on this prompt.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.