Les raccourcis clavier dans VSCode

ALT est souvent remplacé par OPTION dans Mac. CTRL est remplacé par COMMAND (ou pomme) . On ne traitera pas de Linux pour l’instant.

Contenu

Augmentez votre productivité avec les raccourcis claviers

C’est un aspect complètement ignoré des débutants, mais ne pas connaitre les raccourcis clavier peut à la longue vous faire perdre beaucoup de temps. Il y a les raccourcis (peu) qu’un débutant doit connaitre dès la première heure, ce sont des raccourcis propre au système d’exploitation (ou à l’informatique), il y a les raccourcis du logiciel, et c’est ce que nous allons voir de suite et enfin nous allons mettre les raccourcis clavier un peu plus avancé, qu’il faudra acquérir dans les jours suivants

Les raccourcis clavier fondamentaux

  • copier : CTRL + C
  • coller : CTRL + V
  • chercher dans le fichier : CTRL + F
  • chercher et remplacer : CTRL + SHIFT + H
  • chercher dans le projet : CTRL + SHIFT + F
  • sélectionner un mot : double click souris sur le mot

Les raccourcis clavier de VSCode (débutant)

  • dupliquer une ligne : CTRL + C + V (appuyer sur C puis V tout en maintenant CTRL) ou CTRL + SHIFT + FLECHE vers le bas
  • chercher et remplacer :
  • indenter le document : SHIFT + ALT + F
  • chercher un fichier : CTRL + P
  • bouger une ligne vers le haut ou bas : ALT + UP ou DOWN (flèche)
  • Effacer une ligne : CTRL + X
  • Réindenter le code : SHIFT + ALT + F

Pour ne pas avoir à réindenter le code, vous pouvez paramétrer l’éditeur pour qu’il réindente à chaque sauvegarde de fichier (CTRL +S), ou mieux encore à chaque mise à jour. Je vous montre néanmoins la méthode 1 seulement largement suffisante.

Aller dans File (ou Fichier) > Preferences,

Puis cherchez format et cliquez sur format on save.

Plus de raccourcis clavier (intermédiaire)

  • Edition multi curseur : CTRL + ALT + UP ou DOWN
  • Naviguer entre les onglets : CTRL + SHIFT + TAB ou CTRL + TAB
  • Bracket matching : CTRL + SHIFT + \
  • Aller au début du fichier : CTRL + HOME
  • Aller à la fin du fichier : CTRL + END
  • Modifier toutes le occurences d’un mot : CTRL + F2

Voir les méthodes et propriétés d’une classe en programmation orientée objet

Surtout vrai et utile lorsque vous programmez en langage orienté objet avec ou sans framework comme Symfony en PHP, NodeJs en Javascript etc.

Méthode 1 : avec la barre de recherche ou en faisant CTRL + SHIFT + P

Dans la barre tapez le symbole @ lorsque vous êtes dans un contexte de fichier ouvert, ici je prends en exemple un fichier Entity d’un projet Symfony.

VSCode voir les propriétés et méthodes d'une classe

Naviguez avec les flèches du clavier pour et Entrée pour aller vers la méthode ou propriété voulue.

Méthode 2 : avec la barre latérale OUTLINE, cliquez dessus tout simplement, et vous allez voir apparaitre la liste.

VSCode voir les propriétés et méthodes d'une classe

Usages avancés

  • GOTO Type definition
  • GOTO Implementation
  • GOTO Symbol

Document officiel (pdf) pour Windows : Raccourcis clavier VSCode

Configuration avancées mais pratique :

Formatage du code automatique lors de la sauvegarde :

Allez dans Préférence, taper "format on save", cocher la case.
Retour en haut