Aller au contenu principal
15 extensions VS Code pour écrire 50 000 mots/jour
Retour au blog
Technique

15 extensions VS Code pour écrire 50 000 mots/jour

Patrice Huetz11 avril 20265 min

J'écris entre 40 000 et 60 000 mots par jour dans VS Code — un mélange de code TypeScript, de romans en markdown, et d'articles de blog comme celui que tu lis. J'ai testé des centaines d'extensions sur 6 ans. Voici les 15 qui restent dans mon extensions.json actuel, avec leur rôle précis, le raccourci qui les rend utiles, et les 4 que j'ai désinstallées récemment parce qu'elles ralentissaient plus qu'elles n'aidaient.

Les critères

Pour qu'une extension reste :

  1. 1.Utilisée au moins 5 fois par semaine (mesuré par feeling + activité)
  2. 2.N'ajoute pas plus de 100ms au démarrage (vérifié via Developer: Show Running Extensions)
  3. 3.Ne casse pas lors des mises à jour majeures de VS Code

15 survivantes sur ~80 testées en 6 mois.

Les 15 extensions essentielles

1. **GitLens** (eamodio.gitlens)

La killer. Voir le blame inline, l'historique d'un fichier, comparer deux commits en side-by-side. Sans GitLens, je perds 20% de ma vélocité.

Raccourci clé : Alt+B pour toggle le blame annotation.

2. **Error Lens** (usernamehw.errorlens)

Affiche les erreurs et warnings directement dans la ligne concernée. Plus besoin de regarder l'onglet Problems.

json
"errorLens.fontSize": "12",
"errorLens.messageEnabled": true

3. **TODO Tree** (gruntfuggly.todo-tree)

Liste tous les TODO, FIXME, HACK du workspace dans la sidebar. Me permet de ne pas les oublier (et de ne pas les laisser pourrir).

4. **Prettier** (esbenp.prettier-vscode)

Format on save. Zéro config à négocier avec mes co-auteurs.

json
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"

5. **ESLint** (dbaeumer.vscode-eslint)

Linting inline, autofix on save. Indispensable pour tout projet TypeScript.

6. **Markdown All in One** (yzhang.markdown-all-in-one)

Pour écrire mes articles et romans en markdown : auto-preview, raccourcis pour listes, conversion de tables, lien auto entre headings.

Raccourci clé : Ctrl+Shift+V pour toggle preview side-by-side.

7. **Word Count** (officiel)

Compteur de mots en bas à droite. Essentiel quand ton objectif est 2 500 mots/article ou 4 000 mots/chapitre.

8. **Better Comments** (aaron-bond.better-comments)

Coloration des commentaires selon leur type (// !, // ?, // TODO, // *). Rend mes code reviews plus rapides.

9. **Thunder Client** (rangav.vscode-thunder-client)

Postman-like dans VS Code. Je teste mes APIs sans quitter l'éditeur.

10. **Tabnine ou Copilot** (whichever.you-prefer)

Complétion AI. Oui, même à côté de Claude Code, Copilot pour la complétion inline rapide est utile pour les tâches mécaniques.

11. **Path Intellisense** (christian-kohler.path-intellisense)

Auto-complétion des chemins de fichiers. 3 secondes gagnées par usage, ×50 usages par jour = 2,5 minutes.

12. **Rainbow CSV** (mechatroner.rainbow-csv)

Colore les colonnes d'un CSV. Indispensable pour naviguer dans les datasets de benchmark.

13. **Dotenv** (mikestead.dotenv)

Coloration syntaxique pour les fichiers .env. Simple, utile.

14. **Auto Rename Tag** (formulahendry.auto-rename-tag)

Quand tu renommes une balise HTML/JSX ouvrante, la fermante suit. 4 ans que je l'utilise, je n'ai jamais envisagé de la virer.

15. **Bracket Pair Colorizer** (intégré dans VS Code depuis 2022)

Plus une extension : "editor.bracketPairColorization.enabled": true dans les settings.

Les 4 extensions désinstallées récemment

  1. 1.Material Icon Theme — jolies icônes mais ralentit le rendering sur des gros workspaces
  2. 2.Live Server — remplacé par next dev pour tout mon dev web
  3. 3.REST Client — remplacé par Thunder Client qui a une vraie UI
  4. 4.Bracket Pair Colorizer 2 — intégré dans VS Code depuis longtemps, désinstall

Mon `settings.json` critical path

json
{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.minimap.enabled": false,
  "editor.wordWrap": "on",
  "editor.rulers": [80, 100],
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "workbench.editor.enablePreview": false,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "gitlens.hovers.currentLine.over": "line",
  "errorLens.enabledDiagnosticLevels": ["error", "warning"]
}

Les raccourcis qui changent tout

RaccourciActionGain
Cmd+PQuick open fileNavigation rapide
Cmd+Shift+PCommand paletteToute action accessible
Cmd+BToggle sidebarPlus d'espace pour écrire
Cmd+\Split editor2 fichiers côte à côte
F2Rename symbolRenommage safe partout
Alt+Up/DownDéplacer ligneÉdition ultra rapide
Cmd+DSélection multipleEdit multi-cursor
Cmd+Shift+LSélectionner toutes les occurrencesRefactor rapide
💡
Les 4 raccourcis qui changent vraiment ma vie : `Cmd+P` (file), `Cmd+Shift+P` (action), `F2` (rename), `Cmd+D` (multi-cursor). Apprends-les par cœur avant d'ajouter une seule extension.
⚠️
VS Code devient lent à partir de ~30 extensions actives. Fais un audit tous les 3 mois avec `Developer: Show Running Extensions` et désinstalle tout ce qui consomme sans servir.

Ce qu'il faut retenir

  1. 1.15 extensions suffisent pour couvrir 99% de mon usage.
  2. 2.GitLens, Error Lens, Prettier, ESLint sont les 4 essentielles.
  3. 3.Les raccourcis clavier valent plus que les extensions — apprends-les d'abord.
  4. 4.Audit tous les 3 mois pour virer les extensions qui ralentissent.

Pour aller plus loin sur le workflow complet Claude Code + VS Code + Ralph Loop, j'ai écrit un livre dédié :

La Boucle Ralph
La Boucle Ralph

Guide Pratique du Coding Autonome par IA.

Découvrir →
🔒

Soutenez mon travail sur Patreon

Accès anticipé aux articles, contenu exclusif, et la satisfaction de soutenir un auteur indépendant.

Rejoindre — à partir de 3€/mois

Commentaires

Chargement des commentaires...

Laisser un commentaire