Maîtriser son flux de travail avec les raccourcis essentiels de VS Code

Simon Zeru Image

Simon Zeru

14 janvier 2025 (il y a 5 mois)

En tant que développeur, l'efficacité est essentielle. VS Code, avec sa large gamme de raccourcis, peut considérablement accélérer votre flux de travail. Que vous formatiez votre code, naviguiez dans les fichiers ou gériez plusieurs curseurs, ces raccourcis sont révolutionnaires. Plongeons dans certains des plus utiles, y compris quelques pépites cachées que chaque développeur devrait connaître.

1. Sélections et occurrences

Video of selecting all occurrences Besoin de renommer une variable ou de modifier un texte répété ? Sélectionne toutes les occurrences en une fois :

Personnellement, j'ai modifié le raccourci, plus efficace que celui natif :

C'est parfait pour un refactoring rapide ou pour appliquer des modifications à plusieurs instances.

Sélectionner une ligne entière

Video of selecting a line Mettre en surbrillance une ligne manuellement est une perte de temps. Utilisez ce raccourci pour sélectionner instantanément la ligne actuelle :

Cela fonctionne également pour sélectionner plusieurs lignes si vous appuyez plusieurs fois sur le raccourci.

Pour sélectionner seulement un mot, utilisez Ctrl + D. Egalement, vous pouvez sélectionner plusieurs mots en répétant le raccourci.

Pour sélectionner tout le contenu du fichier, utilisez Ctrl + A.

2. Formatage du code : Gardez votre code propre

Video of code formatting

Personne n'aime le code désordonné. Formatez rapidement votre fichier pour maintenir une indentation cohérente avec :

Video of folding regions Lorsque votre fichier est encombré de plusieurs fonctions ou régions, utilisez ceci pour vous concentrer sur ce qui est important :

Je préfère utiliser Ctrl + Shift + (-) pour fermer toutes les régions/fonctions.

Pour réouvrir les régions/fonctions, utilisez :

Je préfère utiliser Ctrl + Shift + (+) pour ouvrir toutes les régions/fonctions.

3. Duplications et déplacement de lignes

Video of duplicating lines Pour dupliquer une ligne entière, utilisez : **Alt + Shift + ↓/↑*. Pour déplacer la ligne vers le haut ou le bas, utilisez Alt + ↓/↑.

Video of multiple cursors

Pour dupliquer le curseur pour éditer plusieurs lignes simultanément, utilisez Ctrl + Alt + ↓/↑ (Windows/Linux) ou Cmd + Option + ↓/↑ (Mac). Pour ajouter un curseur supplémentaire, appuyez sur

Parfois, vous devez modifier la même chose à plusieurs endroits simultanément. Dupliquez votre curseur et prenez le contrôle :

4. Naviguer rapidement dans les fichiers

Video of navigating files

Je suis désolé pour tout ceux qui naviguent dans les fichiers avec la souris. En plus de perdre un temps monstre, vous perdez également votre concentration. Utilisez ces raccourcis pour naviguer rapidement entre les fichiers :

Je l'ai mis sur Ctrl + E pour ouvrir la palette de commande, plus rapide que le raccourci natif.

5. Github Copilot

Comment gagner énormément de temps ? Utilise Github Copilot, une extension de VS Code qui génère du code pour vous.

Image of GitHub Copilot

Voici quelques raccourcis pour l'utiliser :

Voici quelques raccourcis bonus pour Github Copilot :

Attention : ces raccourcis ne sont pas disponibles par défaut, vous devez les configurer dans les paramètres des raccourcis de VS Code (allez à Ctrl + K + S ou Cmd + K + S).

Raccourcis bonus

Voici quelques autres raccourcis pratiques que vous ne connaissez peut-être pas :

Pourquoi apprendre les raccourcis ?

Les raccourcis ne consistent pas seulement à gagner quelques secondes, ils consistent à maintenir le flux. Lorsque vos mains restent sur le clavier, vous restez immergé dans votre code. Au fil du temps, ces micro-efficacités s'additionnent, vous permettant de vous concentrer davantage sur la résolution de problèmes et l'écriture de code de qualité.