Les meilleures extensions VS Code pour 2024
Comme chaque année, c'est le moment de faire le point sur les changements que j'ai apportés à mon setup durant l'année précédente. Je pense que ça reste une façon sympa de voir comment nous avons évolué dans notre discipline.
Dans cet article, nous allons nous concentrer sur les extensions VS Code que j'utilise et compte continuer à utiliser en 2024.
Je vais regrouper les extensions par thème pour faciliter la lecture de l'article. Si vous avez des questions plus spécifiques, n'hésitez pas à les poser en commentaire.
Modification de l'interface VS Code
Les extensions de cette partie permettent de modifier l'interface graphique de Visual Studio Code pour qu'elle soit un peu plus à mon goût. Je parle ici, des icônes de fichiers, des couleurs de fenêtre, etc.
Formatage automatique du code
J'en ai déjà parlé plusieurs fois sur ce blog : j'aime quand le code est propre et beau. Ça inclut (mais pas exclusivement) le formatage du code. Je suis convaincu qu'un code bien formaté facilite sa compréhension.
Par contre, je n'ai pas prévu de passer 15 h à ré-indenter chaque ligne de code à coup d'espace. C'est une tâche importante, mais elle ne devrait pas être faite par un humain. D'où les extensions de cette section.
Intellisence et coloration syntaxique
VS Code supporte un certain nombre de langages de programmation et de contextes d'exécution, toutefois ce ne sont pas forcément ceux que j'utilise au quotidien. Grâce aux extensions de cette section, j'augmente les capacités de Visual Studio Code pour qu'il comprenne les langages et contextes d'exécution dont j'ai besoin.
Ainsi, il peut colorer le texte en fonction de la syntaxe, mais également autocompléter intelligemment les symboles du code lorsque j'écris.
- Shopify Liquid
- Swift
- Syntax Xcode Project Data
- Tailwind CSS Intellisense
- YAML
- C/C++
- CMake
- Ghost
- Kotlin
- Markdown All in One
- NPM Intellisence
- Path Intellisense
- Prisma
- GraphQL : Language Feature Support
- GraphQL : Syntax Highlighting
- Makefile Tools
Débugueurs supplémentaires
Le support des langages de programmation n'est pas suffisant. Avoir un débugueur pour le langage que l'on utilise n'est pas un luxe et les print
et console.log
ne sont pas des solutions viables.
Cette section liste les extensions que j'ai ajouté à VS Code pour améliorer ses capacités de débogage.
Intelligence Artificielle
Même si les intelligences artificielles existent depuis bien longtemps, l'année 2023 a vu un développement énorme du nombre de solutions proposées. Donc forcément, j'ai une petite section intelligence artificielle dans cet article.
J'utilisais déjà GitHub Copilot les années précédentes, mais j'ai ajouté la version Chat pour avoir le mode conversationnel.
DevOps
Je n'ai quasiment plus de projet qui ne sont pas conteneurisés aujourd'hui. Des fois pas sur tout le cycle de vie du projet, mais j'ai quasiment toujours des conteneurs quelque part (que ce soit en local, en staging, en production ou dans les pipelines de CI/CD).
Du coup, j'ai des extensions qui m'aident à gérer les tâche plus "devops" que j'ai à faire.
Outils pratiques
Les extensions que je liste dans cette section ajoutent plein de fonctionnalités pratiques à VS Code. Ce sont souvent des fonctionnalités très simples en soi, mais elles simplifient tellement la vie !
Par exemple, pouvoir modifier les paramètres de Visual Studio Code en fonction du projet que l'on a ouvert, c'est méga pratique quand on bosse sur plusieurs projets open source et que chaque projet à ses propres préférences !
- CSS Peek
- Better Comments
- EditorConfig for VS Code
- Polacode
- Regex Previewer
- Hex Editor
- Figma for VS Code
- Thunder Client
- Stripe
- GitHub Pull Requests and Issues
Je me rends compte que j'ai une quantité considérable d'extensions ! 😅 Est-ce qu'il y a d'autres extensions que vous utilisez au quotidien et que je n'ai pas listé ici ? Partagez-les en commentaires pour en faire profiter les autres lecteurs !