Feuille de rappel de VSCode

Le raccourci clavier de Visual Studio Code est ici

Sommaire

Commandes les plus utilisées dans Visual Studio Code

carnets de papier

Feuille de triche de Visual Studio Code

Raccourcis généraux (Windows / Mac)

Action Windows / Linux macOS
Palette de commandes Ctrl+Shift+P Cmd+Shift+P
Ouvrir rapidement (fichier) Ctrl+P Cmd+P
Activer/Désactiver le terminal Ctrl+` Ctrl+`
Activer/Désactiver le volet latéral Ctrl+B Cmd+B
Paramètres Ctrl+, Cmd+,
Ouvrir les raccourcis clavier Ctrl+K Ctrl+S Cmd+K Cmd+S
Afficher tous les symboles Ctrl+T Cmd+T
Aller à la ligne Ctrl+G Ctrl+G
Rechercher Ctrl+F Cmd+F
Remplacer Ctrl+H Cmd+Option+F
Multi-curseur (ajouter suivant) Ctrl+D Cmd+D
Multi-curseur (ajouter au-dessus/en dessous) Ctrl+Alt+Up/Down Option+Cmd+Up/Down
Déplacer la ligne vers le haut/bas Alt+Up/Down Option+Up/Down
Copier la ligne vers le haut/bas Shift+Alt+Up/Down Shift+Option+Up/Down
Couper la ligne Ctrl+X Cmd+X
Copier la ligne Ctrl+C Cmd+C
Supprimer la ligne Ctrl+Shift+K Cmd+Shift+K
Commenter la ligne Ctrl+/ Cmd+/
Formater le document Shift+Alt+F Shift+Option+F
Enregistrer Ctrl+S Cmd+S
Fermer l’éditeur Ctrl+W Cmd+W
Diviser l’éditeur Ctrl+\ Cmd+\

Navigation

  • Aller à la définition : F12
  • Aperçu de la définition : Alt+F12
  • Aller aux références : Shift+F12
  • Retour/Avancer : Alt+Left/Right (Windows), Ctrl+–/Ctrl+Shift+– (Mac)

Édition

  • Dupliquer la ligne : Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
  • Déplacer la ligne vers le haut/bas : Alt+Up/Down (Windows), Option+Up/Down (Mac)
  • Sélectionner toutes les occurrences : Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
  • Annuler/Rétablir : Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)

Terminal intégré

  • Nouveau terminal : Ctrl+Shift+` (Windows/Mac)
  • Activer/Désactiver le terminal : Ctrl+` (Windows/Mac)
  • Fermer le terminal : Ctrl+Shift+W

Contrôle de source (Git)

  • Ouvrir le contrôle de source : Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
  • Commit : Ctrl+Enter (dans la zone de message de commit)

Utilisation de la ligne de commande

# Ouvrir VS Code dans le répertoire actuel
code .

# Ouvrir un fichier spécifique à une ligne et une colonne
code myfile.js:10:5

# Ouvrir la vue de diff entre deux fichiers
code --diff file1.js file2.js

# Ouvrir une nouvelle fenêtre VS Code
code -n

# Désactiver toutes les extensions
code --disable-extensions .

Personnalisation

  • Changer le thème : Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
  • Ouvrir les raccourcis clavier : Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
  • Installer des extensions : Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)

Extraits de code

  • Créer des extraits de code personnalisés via Preferences: Configure User Snippets.

Conseils

  • Utilisez la palette de commandes (Ctrl+Shift+P / Cmd+Shift+P) pour presque toute commande ou paramètre.
  • Le dossier .vscode dans votre projet permet d’avoir des paramètres et des tâches spécifiques au projet.
  • Vous pouvez installer des extensions de disposition de clavier pour utiliser les raccourcis d’autres éditeurs (Vim, Sublime, etc.).

Pour une liste plus complète, consultez le PDF officiel des [raccourcis clavier] ou la référence des raccourcis dans l’éditeur (Ctrl+K Ctrl+S).

Comment installer une extension VS Code depuis la palette de commandes

Vous pouvez installer une extension de Visual Studio Code directement depuis la palette de commandes en suivant ces étapes :

  1. Ouvrez la palette de commandes en utilisant Ctrl+Shift+P (Windows/Linux) ou Cmd+Shift+P (macOS).
  2. Tapez Extensions: Install Extensions et sélectionnez-le dans la liste. Cela ouvrira la vue Extensions où vous pouvez rechercher et installer des extensions.
  3. Alternativement, vous pouvez taper ext install (par exemple, ext install vscode-icons) directement dans la palette de commandes et appuyer sur Entrée. VS Code vous demandera le nom de l’extension et l’installera si elle est trouvée.

Cette méthode vous permet d’installer rapidement des extensions sans quitter votre clavier ou naviguer à travers les menus.

Autre liste des raccourcis de l’éditeur

Ctrl+T (macOS: Cmd+T) - Afficher les symboles du workspace
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Afficher les symboles du document
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Ouvrir la palette de commandes
Ctrl+Espace - Ouvrir la complétion de code
Ctrl+. (macOS: Cmd+.) - Ouvrir les corrections rapides
F2 - Renommer le symbole
Shift+Alt+F (macOS: Shift+Option+F) - Formater le document
F12 - Aller à la définition
Shift+F12 - Trouver les références
Alt+Shift+O - Organiser les directives
F4 - Afficher la hiérarchie de type

Autre liste des raccourcis de débogage

Ctrl+Alt+D - Lancer Dart DevTools
F5 - Démarrer le débogage
Ctrl+F5 - Démarrer sans débogage
Shift+F5 - Arrêter le débogage
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Redémarrer le débogage (ou Hot Restart lors du débogage d'applications Flutter)
Ctrl+F5 - Hot Reload lors du débogage d'applications Flutter
F9 - Activer/Désactiver un point d'arrêt
F10 - Étapes sur
F11 - Étapes dans
Shift+F11 - Étapes hors

Liens utiles