Les raccourcis qui donnent le meilleur retour sur effort
- Commence par la navigation. La palette de commandes, Quick Open et la recherche globale évitent les détours inutiles.
- Ajoute les gestes d’édition. Le multi-cursor, le renommage et le formatage font gagner du temps sur chaque refactor.
- Garde les actions contextuelles sous la main. Le terminal, les commentaires et les aides rapides coupent les interruptions.
- Personnalise ce qui bloque. Le layout clavier, les keymaps et les conflits peuvent changer le raccourci affiché ou sa portée.
- Travaille par usage, pas par mémoire brute. Dix gestes répétés en contexte valent mieux qu’une liste entière apprise d’un coup.
Pourquoi ces raccourcis changent vraiment le rythme de travail
Le vrai intérêt de VS Code n’est pas seulement d’aller plus vite sur une action isolée. C’est de supprimer les micro-interruptions : ouvrir un fichier, chercher un symbole, lancer le terminal, renommer une variable, corriger une alerte. Quand je travaille sur une base de code, chaque passage à la souris me coûte quelques secondes, mais surtout il casse le raisonnement. Les raccourcis réduisent cette friction et rendent les refactorings plus sûrs.
Je conseille donc de raisonner en usages, pas en catalogue. Mieux vaut maîtriser dix gestes qui reviennent tous les jours qu’en empiler quarante que tu oublieras au premier changement de machine. La bonne nouvelle, c’est que VS Code expose déjà l’essentiel, et qu’il est très simple d’ajuster ce qui ne colle pas à ton clavier. Le plus utile, c’est justement ce qui te fait rester dans le même contexte de travail.
Une fois ce principe posé, il faut savoir quels raccourcis méritent d’être appris en premier.
Les raccourcis à apprendre en premier dans VS Code
Si je devais réduire VS Code à une poignée de réflexes utiles dès la première semaine, je garderais ceux-là. Ils couvrent la navigation, la recherche, le terminal et les gestes qui reviennent sans cesse pendant le développement.
| Action | Windows / Linux | macOS | Pourquoi je la garde |
|---|---|---|---|
| Palette de commandes | Ctrl+Shift+P ou F1 | ⇧⌘P ou F1 | ouvre presque tout sans chercher dans les menus |
| Quick Open | Ctrl+P | ⌘P | passe d’un fichier à l’autre en quelques frappes |
| Recherche globale | Ctrl+Shift+F | ⇧⌘F | utile pour une API, une config ou une clé sensible |
| Terminal intégré | Ctrl+` | ⌃` | lance npm, tests et scripts sans quitter l’éditeur |
| Commenter une ligne | Ctrl+/ | ⌘/ | très pratique pour isoler une ligne temporairement |
| Formater le document | Windows : Shift+Alt+F, Linux : Ctrl+Shift+I | ⇧⌥F | remet le fichier au propre en un geste |
| Aller à la définition | F12 | F12 | indispensable pour naviguer dans un codebase |
| Renommer un symbole | F2 | F2 | plus sûr qu’un remplacement global à l’aveugle |
| Éditeur des raccourcis | Ctrl+K Ctrl+S | ⌘K ⌘S | sert à personnaliser au lieu de subir le défaut |
Si la combinaison affichée ne correspond pas exactement à ton souvenir, ce n’est pas forcément une erreur : VS Code s’adapte au clavier actif. Sur un clavier AZERTY, je me concentre d’abord sur l’action, puis je vérifie la touche dans l’éditeur de raccourcis.
Les gestes qui suivent vont encore plus loin, parce qu’ils accélèrent directement l’écriture et la refactorisation.
Les gestes qui accélèrent l’édition au quotidien
C’est ici que VS Code prend tout son sens sur une base de code réelle. Ces raccourcis ne servent pas seulement à aller plus vite ; ils diminuent aussi le risque d’erreur quand je modifie plusieurs lignes, plusieurs occurrences ou plusieurs fichiers à la fois.
- Multi-cursor : Alt+Click, puis Ctrl+Alt+↓ / ↑ sur Windows, Shift+Alt+↓ / ↑ sur Linux, ou ⌥⌘↓ / ↑ sur macOS. Je m’en sers pour aligner plusieurs imports, modifier une série d’objets JSON ou préparer une migration.
- Déplacer une ligne : Alt+↑ / ↓ sur Windows et Linux, ⌥↑ / ↓ sur macOS. C’est beaucoup plus propre qu’un couper-coller quand je réorganise un composant React ou un bloc de configuration.
- Copier une ligne : Shift+Alt+↓ / ↑ sur Windows et Linux, ⇧⌥↓ / ↑ sur macOS. Pratique pour dupliquer un schéma de test, une route ou une structure proche.
- Renommer avec F2 : VS Code suit le symbole plutôt que le texte brut. Sur du TypeScript ou du JavaScript bien indexé, c’est généralement plus fiable qu’une recherche manuelle.
- Quick Fix : Ctrl+. ou ⌘. ouvre souvent une correction utile pour un import manquant, une variable non utilisée ou une action de code simple.
- Go to Definition et Peek Definition : F12, puis Alt+F12 sur Windows ou ⌥F12 sur macOS pour lire l’implémentation sans perdre le contexte. Sur Linux, la combinaison de prévisualisation peut différer selon la configuration.
- Show References : Shift+F12 ou ⇧F12 pour voir où un symbole est utilisé avant de le modifier. C’est un bon réflexe quand je touche à une fonction partagée.
- Recherche et commentaire : Ctrl+/ ou ⌘/ pour commenter vite, puis Ctrl+F ou ⌘F quand je veux vérifier une occurrence précise dans le fichier.
Le point clé est simple : je privilégie les raccourcis sémantiques, ceux qui comprennent le code, avant les gestes purement mécaniques. Quand VS Code sait ce qu’est un symbole, une définition ou une action rapide, le risque d’erreur chute nettement. Sur du texte brut, je reviens au search/replace classique ; sur du code bien analysé, F2 et les aides de navigation sont généralement plus sûrs.
Et si la configuration te gêne davantage qu’elle ne t’aide, il faut passer à l’ajustement fin plutôt que forcer le clavier à te convenir.
Adapter les raccourcis à ton clavier et à ton environnement
Un bon ensemble de raccourcis ne ressemble pas toujours à celui du voisin. Entre AZERTY, QWERTY, macOS, Windows, Linux et les habitudes prises dans un autre éditeur, il vaut mieux corriger ce qui bloque réellement que subir une configuration par défaut mal adaptée.
Je procède presque toujours dans cet ordre :
- J’ouvre l’éditeur de raccourcis. Le plus simple est d’y aller avec Ctrl+K Ctrl+S ou ⌘K ⌘S, puis de chercher l’action concernée.
-
Je vérifie le contexte. Certaines commandes ne sont actives que dans un espace précis, via une
whenclause. C’est normal qu’un raccourci ne réagisse pas partout de la même manière. - Je teste les conflits. Si une combinaison est déjà utilisée ailleurs, j’ouvre Show Same Keybindings pour voir les doublons avant de décider laquelle doit gagner.
- J’adapte si je migre depuis un autre éditeur. Une keymap extension peut rapprocher VS Code des réflexes de Vim, Sublime Text ou Atom si tu ne veux pas tout réapprendre.
Il y a aussi un point souvent sous-estimé : certaines combinaisons sont interceptées par le système, un driver clavier ou une extension. Sur des raccourcis multi-cursor, par exemple, j’ai déjà vu des conflits venir d’un pilote graphique plutôt que de VS Code lui-même. Quand ça arrive, le diagnostic via Developer: Toggle Keyboard Shortcuts Troubleshooting permet de savoir ce que l’éditeur reçoit réellement.
Si tu veux que ces gestes deviennent automatiques, la manière d’apprendre compte presque autant que les raccourcis eux-mêmes.
La routine la plus simple pour mémoriser ce qui compte vraiment
Je ne conseille pas d’apprendre cinquante raccourcis d’un coup. Le cerveau retient bien mieux ce qu’il utilise dans un vrai contexte de travail. Mon approche est volontairement sobre : je prends d’abord la navigation, puis l’édition, puis seulement les ajustements de confort.
- Semaine 1 : palette de commandes, Quick Open et terminal intégré.
- Semaine 2 : F2, F12 et la recherche globale dans le projet.
- Semaine 3 : multi-cursor, déplacement de ligne et formatage.
- Ensuite : personnalisation de deux ou trois raccourcis qui te gênent vraiment, pas plus.
Si tu travailles surtout en JavaScript, commence par la navigation, le multi-cursor et le renommage. Si ton quotidien est plus backend, ajoute la recherche globale et le terminal. Dans les deux cas, l’objectif n’est pas de tout retenir, mais d’avoir une poignée de gestes fiables qui te rendent plus rapide sans te faire penser à l’outil.
