TPC
    TPC
    Tech

    21 extensions VS Code pour accélérer ton workflow de dev

    Sélection de 21 extensions VS Code classées par usage : mesure, exécution, lisibilité, helpers et assistance IA. Le toolkit indispensable pour les développeurs en startup.

    4 min de lecture

    VS Code s'est imposé comme l'éditeur de référence dans l'écosystème dev. Son avantage principal : un marketplace d'extensions open source qui permet de personnaliser chaque aspect du workflow de développement. Cette sélection de 21 extensions couvre les besoins essentiels, du tracking de productivité à l'assistance par IA.

    1. Mesurer, tracker, fixer

    Code Spell Checker Street Side Software Vérifie l'orthographe dans le code. Utile pour les commentaires et la documentation technique. Lien : https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
    Import Cost Wix Affiche la taille du paquet importé dans l'éditeur. Permet d'identifier et supprimer les dépendances inutiles. Lien : https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
    CodeMetrics Kiss Tamás Calcule la complexité cyclomatique et affiche les métriques dans l'éditeur. Facilite l'identification du code difficile à maintenir. Lien : https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics
    Code Time Software Suit l'activité de code et fournit des métriques de productivité et d'utilisation de VS Code. Lien : https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode

    2. Exécuter son code et ses requêtes

    Code Runner Jun Han Exécute des extraits de code directement depuis VS Code. Pas besoin de passer par la ligne de commande. Lien : https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
    REST Client Huachao Mao Envoie des requêtes HTTP et affiche les réponses directement dans VS Code. Facilite les tests d'API REST. Lien : https://marketplace.visualstudio.com/items?itemName=humao.rest-client
    Thunder Client Ranga Vadhineni Mini client API intégré à VS Code avec un design épuré. Alternative à Postman sans quitter l'éditeur. Lien : https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
    Remote - SSH Microsoft Utilise n'importe quelle machine distante avec un serveur SSH comme environnement de développement. Lien : https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh
    Test Explorer UI Holger Benl Interface extensible pour exécuter les tests dans VS Code. Compatible avec quasi n'importe quel framework de test. Lien : https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-test-explorer

    3. Lisibilité du code

    Indenticator SirTori Ajoute un indicateur visuel sur la gauche de l'éditeur pour afficher le niveau d'indentation actuel du code. Lien : https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator
    Todo Tree Gruntfuggly Affiche une arborescence de toutes les annotations TODO, FIXME et autres dans le code. Facilite le suivi des tâches et bugs. Lien : https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
    change-case Wmaurer Change rapidement la casse du texte sélectionné : majuscule, minuscule, camelCase, snake_case et autres formats. Lien : https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case
    indent-rainbow Oderwat Colorise l'indentation avec quatre couleurs alternées à chaque niveau. Repérage visuel immédiat dans le code imbriqué. Lien : https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
    Better Comments Aaron Bond Catégorise les commentaires par type : alertes, requêtes, TODOs, highlights. Chaque catégorie a sa propre couleur. Lien : https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

    4. Display et Helpers

    Markdown All in One Yu Zhang Fonctionnalités complètes pour fichiers Markdown : table des matières, listes de tâches, aperçu intégré. Lien : https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
    Paste JSON as Code Quicktype Génère des types et du code de désérialisation à partir de JSON, JSON Schema et TypeScript. Lien : https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype
    Regex Previewer Christof Marti Affiche les correspondances de l'expression régulière sélectionnée dans un fichier miroir en temps réel. Lien : https://marketplace.visualstudio.com/items?itemName=chrmarti.regex
    Peacock John Papa Modifie la couleur de l'espace de travail VS Code. Utile pour identifier rapidement chaque instance quand on travaille sur plusieurs projets. Lien : https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
    Project Manager Alessandro Fragnani Sauvegarde et bascule entre différents groupes de fichiers et dossiers ouverts. Facilite le travail multi-projets. Lien : https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
    CodeSnap Adpyke Crée des captures d'écran stylisées de morceaux de code. Utile pour les présentations et la documentation visuelle. Lien : https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
    Excel Viewer GrapeCity Prévisualise les fichiers CSV directement dans VS Code sans quitter l'éditeur. Lien : https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer

    5. Code Companion

    SonarLint SonarSource Détecte les bugs et vulnérabilités de sécurité en temps réel pendant l'écriture du code. Fournit des conseils de correction immédiats. Lien : https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode
    Ponicode Génère des tests unitaires automatiques grâce au machine learning. Propose des scénarios de test via une interface graphique. Lien : https://www.ponicode.com/
    GitHub Copilot GitHub Suggestions de code basées sur l'IA. Propose du code à partir de commentaires en langage naturel ou en auto-complétion contextuelle. Lien : https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
    Turbo Console Log ChakrounAnas Logging rapide et structuré orienté JavaScript/TypeScript. Support du multi-select pour logger plusieurs variables simultanément. Lien : https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
    Figstack Aide à lire, écrire et comprendre le code. Explique le code, génère de la documentation et calcule la complexité BigO des fonctions. Lien : https://marketplace.visualstudio.com/items?itemName=figstack.vsc

    Vous recrutez ce profil ?

    TPC vous accompagne pour trouver des profils adaptés à vos besoins.

    Découvrez aussi notre pôle Engineering et son accompagnement dédié.