Table des matières

• Visual Studio Code — Extensions essentielles pour le développement
  • Indispensables (tous projets)
    • Live Server
    • Live preview
    • Prettier
    • ESLint
    • EditorConfig for VS Code
  • Développement Web (Frontend)
    • HTML CSS Support
    • Tailwind CSS IntelliSense
    • PostCSS Language Support
    • REST Client
  • JavaScript / TypeScript / Frameworks
    • TypeScript Importer
    • JavaScript Booster
    • ES7+ React Snippets
  • Desktop (Electron, Tauri)
    • Electron Snippets
    • Tauri
    • Path Intellisense
  • Mobile (WebView, React Native, Flutter)
    • React Native Tools
  • Game Development
    • Godot Tools
    • Shader languages support
  • Debug & Qualité
    • Error Lens
    • GitLens
    • Todo Tree
  • Navigation & UX Dev
    • Auto Rename Tag
    • Bracket Pair Colorization (natif)
    • Material Icon Theme
  • IA & Assistance (optionnel)
    • GitHub Copilot
    • Continue / Cursor / Codeium
  • Bonus utiles
    • Markdown All in One
    • Draw.io Integration
    • YAML / JSON
  • Recommandation finale

Visual Studio Code — Extensions essentielles pour le développement

Ce document liste les extensions VS Code les plus utiles et les plus utilisées pour le développement Web, Desktop, Mobile et Game. Sélection basée sur l’usage réel, la stabilité et la maintenance active.

Indispensables (tous projets)

Live Server

• Serveur HTTP local avec rechargement automatique.
• Idéal pour HTML statique, exports Next/Astro, pages d’erreur.
• Web, Desktop (Electron), Game UI

Live preview

• Aperçu intégré de pages web dans VS Code.
• Alternative légère à Live Server.
• Web, Desktop, Mobile

Prettier

• Formatage automatique du code.
• Indispensable pour travailler proprement et vite.
• Tous projets

ESLint

• Analyse statique du code JavaScript / TypeScript.
• Détecte erreurs et mauvaises pratiques.
• Web, Desktop, Mobile

EditorConfig for VS Code

• Respect des règles de formatage du projet (.editorconfig).
• Tous projets

Développement Web (Frontend)

HTML CSS Support

• Autocomplétion avancée CSS dans HTML.
• HTML / CSS pur

Tailwind CSS IntelliSense

• Autocomplétion, preview et lint Tailwind.
• Frontend moderne

PostCSS Language Support

• Support PostCSS (Astro, Next, Tailwind).
• Web moderne

REST Client

• Tester des requêtes HTTP directement depuis VS Code.
• APIs, backends, outils

JavaScript / TypeScript / Frameworks

TypeScript Importer

• Auto-import intelligent TypeScript.
• Projets TS larges

JavaScript Booster

• Refactors rapides (map, filter, destructuring).
• Productivité JS

ES7+ React Snippets

• Snippets React modernes.
• React / Next.js

Desktop (Electron, Tauri)

Electron Snippets

• Snippets pour Electron.
• Desktop apps

Tauri

• Support Tauri (Rust + Web).
• Desktop léger

Path Intellisense

• Autocomplétion des chemins de fichiers.
• Essentiel Electron / Frontend

Mobile (WebView, React Native, Flutter)

React Native Tools

• Debug et outils React Native.
• Mobile JS

Game Development

Godot Tools

• Support GDScript, scènes, debug.
• Jeux Godot

Shader languages support

• GLSL / HLSL / WGSL.
• Shaders, rendering

Debug & Qualité

Error Lens

• Affiche les erreurs directement dans le code.
• Lisibilité maximale

GitLens

• Historique Git, blame, comparaisons.
• Tous projets sérieux

Todo Tree

• Centralise TODO / FIXME.
• Suivi technique

Navigation & UX Dev

Auto Rename Tag

• Renomme automatiquement les balises HTML.
• Frontend

Bracket Pair Colorization (natif)

• Lisibilité des blocs imbriqués.
• Tous projets

Material Icon Theme

• Icônes de fichiers lisibles.
• Confort visuel

IA & Assistance (optionnel)

GitHub Copilot

• Autocomplétion intelligente.
• Gain de temps (payant)

Continue / Cursor / Codeium

• Alternatives IA locales ou cloud.
• Selon workflow

Bonus utiles

Markdown All in One

• Édition Markdown avancée.
• Docs, README, lore

Draw.io Integration

• Diagrammes directement dans VS Code.
• Architecture, systèmes

YAML / JSON

• Validation et schémas.
• Configs, assets

Recommandation finale

• Minimal pro : Live Server, Prettier, ESLint, GitLens
• Web moderne : + Tailwind IntelliSense, PostCSS
• Desktop : + Electron / Tauri
• Game : outils moteur spécifiques uniquement
• IA : utile mais jamais obligatoire

Moins d’extensions = VS Code plus rapide et plus fiable.