← Articles1 janvier 2025

Raccourcis VS Code essentiels pour la productivité des développeurs

Pour un développeur, l’un des plus grands gains de productivité vient de la maîtrise de la navigation et de l’édition dans son éditeur. Trouver rapidement des fonctions, passer d’un fichier à l’autre et modifier le code efficacement permet de se concentrer sur les problèmes difficiles plutôt que de se battre avec l’éditeur.

Voici mes techniques et raccourcis préférés pour être productif dans VS Code. La commande #, qui recherche des symboles dans tout l’espace de travail, est particulièrement utile.

Cmd + P : ouvrir rapidement des fichiers avec une recherche approximative
@ : aller à un symbole du fichier courant
# : rechercher des symboles dans tout l’espace de travail
% : rechercher du texte dans tous les fichiers

Reculer / avancer

Ctrl + - : revenir aux positions précédentes du curseur
Ctrl + Shift + - : avancer à la position suivante du curseur
Fonctionne entre fichiers et positions du curseur

Dernier emplacement modifié

Cmd + K, Cmd + Q : aller à l’endroit de votre dernière modification
Idéal pour revenir après avoir exploré d’autres fichiers

Passer d’un onglet récent à l’autre

Ctrl + Tab : afficher et parcourir les onglets récents
Un appui bref bascule entre les 2 derniers fichiers
Maintenir pour voir la liste complète, triée par date d’utilisation

Aller à une ligne / colonne

Ouvrir la palette de commandes : :22 va à la ligne 22
:22:10 va à la ligne 22, colonne 10
Pratique pour les traces de pile et les fichiers minifiés

Définitions et références

Ctrl + clic ou F12 : aller à la définition
Shift + F12 : trouver toutes les références
Idéal pour explorer une base de code inconnue

Édition

Opérations sur les lignes

Option + Shift + ↑/↓ : dupliquer la ligne vers le haut / le bas
Option + ↑/↓ : déplacer la ligne vers le haut / le bas (faire « remonter » les lignes)
Fonctionne avec plusieurs lignes sélectionnées

Sélection intelligente

Option + ←/→ : se déplacer mot par mot
Option + Shift + ←/→ : sélectionner mot par mot
Cmd + ←/→ : aller au début / à la fin de la ligne
Cmd + K, ; : sélectionner le contenu entre guillemets (nécessite le plugin Quick and Simple Text Selection)

Étendre la sélection

Cmd + Shift + ←/→ : sélectionner jusqu’au début / à la fin de la ligne
Chercher « Expand Selection to Scope » dans la palette de commandes
Sélectionne progressivement des blocs de code plus grands

Gestion des guillemets

Cmd + ' : alterner entre les types de guillemets (avec un plugin)
Fonctionne avec les guillemets simples, doubles et les backticks

Conseils de pro

Utiliser la palette de commandes

Cmd + Shift + P : ouvre la palette de commandes
Pour retrouver les commandes dont vous ne vous souvenez plus
Affiche les raccourcis clavier des commandes

Activer le fil d’Ariane

Affiche l’emplacement du fichier et la structure du code
Navigation rapide entre fichiers voisins
Accès aux symboles et à l’arborescence des fichiers

À retenir : l’objectif est de réduire l’usage de la souris et de tirer le meilleur du clavier. Commencez par quelques raccourcis et ajoutez-en d’autres au fur et à mesure qu’ils deviennent des automatismes.

Source : MAXIMUM VS Code Productivity — Navigating Codebases Quickly - YouTube. Merci à Wes Bos pour la vidéo.