Votre éditeur doit travailler pour vous, et non l'inverse. Avec les bonnes astuces VS Code, des raccourcis et quelques réglages, vous pouvez accomplir le même travail en deux fois moins de temps sans presque toucher la souris. Cet article réunit les techniques concrètes qui accélèrent vraiment un flux de travail quotidien — celles qui deviennent des automatismes plutôt que de la théorie. Les exemples sont donnés pour Windows/Linux et macOS (remplacez Ctrl par Cmd sur macOS).
Palette de commandes et changement rapide de fichier
Si vous ne deviez retenir qu'un seul raccourci, vous seriez déjà gagnant : la palette de commandes. Ouvrez-la avec Ctrl+Shift+P et vous accédez à presque tout ce que l'éditeur sait faire — sans fouiller les menus. Commencez à taper la commande et les résultats se filtrent.
Ctrl+P— ouvrir n'importe quel fichier par son nom instantanément (Quick Open). Quelques lettres suffisent.Ctrl+Shift+O— sauter aux symboles (fonctions, classes, méthodes) du fichier ouvert.Ctrl+G— aller à un numéro de ligne précis.Ctrl+T— chercher un symbole dans tout le projet.
Une petite astuce : dans Quick Open, tapez : après le nom du fichier suivi d'un numéro de ligne (par exemple UserController.php:42) pour atterrir directement sur cette ligne.
Multi-curseur : modifier partout en même temps
Pour les modifications répétitives, les astuces VS Code les plus puissantes tournent autour des curseurs multiples. Au lieu de faire la même modification dans dix endroits à la main, faites-la une seule fois :
Ctrl+D— sélectionner le mot sous le curseur ; appuyez de nouveau pour ajouter l'occurrence suivante à la sélection.Ctrl+Shift+L— sélectionner toutes les occurrences du mot sélectionné d'un coup.Alt+Click— placer un curseur supplémentaire n'importe où à la souris.Ctrl+Alt+Up/Down(macOS :Cmd+Alt+Up/Down) — ajouter un curseur sur la ligne au-dessus ou en dessous.
Imaginez que vous deviez renommer dix variables dans un fichier JSON : sélectionnez la première, ajoutez les autres avec Ctrl+D, tapez, et tout change ensemble.
Opérations sur les lignes : déplacer, copier, supprimer
Plutôt que de glisser les lignes à la souris, gardez les mains sur le clavier :
Alt+Up / Alt+Down → déplacer la ligne vers le haut/bas
Shift+Alt+Up / Down → copier la ligne vers le haut/bas
Ctrl+Shift+K → supprimer la ligne
Ctrl+/ → commenter / décommenter la ligne
Ctrl+Enter → ouvrir une nouvelle ligne en dessousRemonter un bloc if ou dupliquer une ligne de configuration prend alors quelques secondes. Une fois ces gestes ancrés dans la mémoire des doigts, vous lâchez complètement la souris.
Naviguer dans le code et renommer
Dans une grande base de code, on perd surtout du temps à la question « où cette fonction est-elle définie ? » VS Code y répond :
F12— aller à la définition (Go to Definition).Alt+F12— aperçu de la définition dans une petite fenêtre en ligne (Peek).Shift+F12— trouver toutes les références d'un symbole.F2— renommer un symbole en toute sécurité ; toutes les références sont mises à jour automatiquement.Ctrl+Tab— passer d'un fichier récent à l'autre.
Le renommage avec F2 s'appuie sur le serveur de langage plutôt que sur un simple rechercher-remplacer, il évite donc les faux positifs — renommer une variable n'abîme pas un commentaire ou une chaîne qui porte le même nom.
Terminal intégré et flux Git
Travailler sans quitter l'éditeur fait gagner beaucoup de temps. Ctrl+` (backtick) ouvre/ferme le terminal intégré ; Ctrl+Shift+` en crée un nouveau. Vous pouvez diviser plusieurs terminaux côte à côte — lancer un serveur de développement dans l'un et taper des commandes Git dans l'autre.
Le panneau Source Control à gauche (Ctrl+Shift+G) est idéal pour relire les changements ligne par ligne. Indexez un fichier avec le « + » à côté, écrivez un message et validez (commit). Les repères dans la gouttière indiquent les lignes modifiées ; cliquez pour annuler une modification. Pour un historique plus poussé, l'extension GitLens affiche qui a écrit chaque ligne et quand (blame) en bout de ligne.
Des gains durables grâce aux réglages
Les raccourcis sont ponctuels ; les réglages travaillent en arrière-plan chaque jour. Ouvrez les paramètres avec Ctrl+, ou modifiez directement settings.json (« Preferences: Open User Settings (JSON) » dans la palette). Quelques-uns des plus utiles :
{
"editor.formatOnSave": true,
"files.autoSave": "onFocusChange",
"editor.tabSize": 2,
"editor.bracketPairColorization.enabled": true,
"editor.minimap.enabled": false,
"files.trimTrailingWhitespace": true
}Avec formatOnSave et un formateur installé (Prettier, ESLint), le code est mis en forme à chaque sauvegarde — le « débat sur l'indentation » disparaît tout simplement. Placez un .vscode/settings.json et un .vscode/extensions.json à la racine du projet et vos collègues ouvrent avec les mêmes réglages et les extensions recommandées ; la cohérence est gratuite.
Snippets et concentration
Transformez les motifs que vous tapez souvent (un composant React, le squelette d'un controller Laravel, un en-tête de licence) en vos propres snippets : « Snippets: Configure User Snippets » dans la palette. Tapez un mot déclencheur, appuyez sur Tab, et tout le bloc apparaît, le curseur sautant d'un champ à remplir au suivant.
Quand il faut vous concentrer, le Mode Zen (Ctrl+K puis Z) masque tous les panneaux et ne laisse que le code. Ctrl+B bascule la barre latérale et Ctrl+\ divise l'éditeur pour voir deux fichiers côte à côte.
Questions fréquentes
Comment apprendre ces raccourcis plus facilement ?
N'essayez pas de tout mémoriser en une journée. Choisissez-en deux ou trois par semaine et utilisez-les volontairement à la place de la souris. Quand vous lancez une commande depuis la palette, VS Code affiche son raccourci à côté — une boucle d'apprentissage naturelle. Vous pouvez aussi récupérer un résumé imprimable via « Help → Keyboard Shortcuts Reference ».
Comment transférer ma configuration sur une autre machine ?
Activez la fonction intégrée Settings Sync de VS Code (icône d'engrenage → Turn on Settings Sync). Vos réglages, raccourcis, extensions et snippets se synchronisent via votre compte GitHub ou Microsoft ; connectez-vous sur une nouvelle machine et tout se remet en place.
Trop d'extensions ralentissent-elles VS Code ?
Cela peut arriver. Lancez « Developer: Show Running Extensions » depuis la palette pour voir quelle extension consomme combien de temps de démarrage et de CPU. Désactivez celles que vous n'utilisez pas ; activez certaines uniquement pour les projets concernés via le niveau « workspace ».
Accélérer votre éditeur n'est que le début d'un flux de travail plus rapide. Si vous construisez un projet web, une automatisation ou une configuration qui doit accélérer votre développement, regardons cela ensemble — contactez-moi.