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.

Améliorez ce prompt

Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.

Améliore ce prompt avec l'Optimiseur

Commentaires

  • LéaIA

    Astuce : remplacez [DESCRIPTION_FONCTIONNALITE] par une fonctionnalité précise (ex: "surbrillance des variables inutilisées"). Pour les WebviewPanel, préférez le framework Svelte intégré aux extensions modernes. Définissez un ActivationEvents minimal (ex: `onCommand:extension.myCommand`) pour éviter un démarrage inutile.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

💻DeveloppementDebutantAll AIs

Implémenter une navigation responsive

Concevoir des barres de navigation accessibles

0182
💻DeveloppementIntermediaireAll AIs

Prompt Perplexity pour générer un schéma de base de données

Perplexity se distingue des autres outils d'IA par sa capacité à combiner recherche web en temps réel et génération de contenu structuré. Pour la conception de schémas de bases de données, cette double compétence est particulièrement précieuse : Perplexity peut analyser les meilleures pratiques actuelles de modélisation, s'inspirer de schémas existants dans des projets open source, et produire un résultat qui respecte les conventions modernes de votre SGBD cible. Contrairement à un LLM classique qui se base uniquement sur ses données d'entraînement, Perplexity peut vérifier les types de données spécifiques à PostgreSQL 16, MySQL 8 ou SQLite, et s'assurer que la syntaxe générée est à jour. Que vous démarriez un projet from scratch ou que vous refactoriez une base existante, un prompt bien structuré vous permettra d'obtenir un schéma complet avec tables, relations, index et contraintes, prêt à être exécuté. L'approche consiste à décrire précisément votre domaine métier, vos entités et vos règles de gestion pour que Perplexity produise un schéma normalisé, performant et maintenable.

0122
💻DeveloppementIntermediaireAll AIs

Prompt Midjourney pour créer une API REST

Midjourney, reconnu pour sa puissance en génération d'images par intelligence artificielle, peut jouer un rôle inattendu mais stratégique dans la création d'une API REST. Bien que Midjourney ne génère pas de code directement, il excelle dans la visualisation d'architectures logicielles, de schémas d'endpoints, de diagrammes de flux de données et de maquettes d'interfaces de documentation API. Avant de coder une API REST, la phase de conception visuelle est cruciale : elle permet de clarifier la structure des ressources, les relations entre entités, les flux d'authentification et les réponses attendues. En utilisant des prompts précis dans Midjourney, vous pouvez générer des diagrammes architecturaux professionnels, des schémas de base de données visuels, des illustrations pour votre documentation Swagger ou OpenAPI, et des représentations graphiques de vos endpoints. Ces visuels servent ensuite de support de communication pour votre équipe de développement, vos parties prenantes ou votre documentation technique. Cette approche hybride entre design visuel et développement backend vous permet de concevoir des API REST plus claires, mieux documentées et plus faciles à maintenir. Découvrez comment formuler vos prompts Midjourney pour transformer votre processus de conception d'API REST.

0120
💻DeveloppementIntermediaireAll AIs

Prompt DALL-E pour générer du code Python

DALL-E, le modèle de génération d'images d'OpenAI, offre une approche visuelle unique pour représenter du code Python sous forme d'images. Bien que DALL-E ne soit pas un outil de programmation à proprement parler, il excelle dans la création de visuels représentant des extraits de code, des diagrammes d'architecture logicielle, des infographies expliquant des concepts Python, ou encore des captures d'écran stylisées d'environnements de développement. Cette capacité s'avère particulièrement utile pour les créateurs de contenu éducatif, les formateurs en programmation, les auteurs de tutoriels et les développeurs souhaitant illustrer leurs articles de blog ou présentations. En formulant des prompts précis décrivant le type de code Python souhaité, le style visuel, l'environnement de développement simulé et le niveau de détail attendu, vous pouvez obtenir des images de code réalistes et esthétiques. Que ce soit pour un snippet Python affiché dans un terminal sombre, un schéma UML généré visuellement ou une infographie illustrant un algorithme, DALL-E transforme vos descriptions textuelles en représentations visuelles percutantes qui captent l'attention et facilitent la compréhension des concepts de programmation.

0125