Aide-mémoire VSCode
La fiche mémo Visual Studio Code est arrivée
Commandes les plus utilisées dans Visual Studio Code
Pour les environnements de développement reproductibles, consultez Maîtriser les Dev Containers dans VS Code.
Aide-mémoire Visual Studio Code
Raccourcis généraux (Windows / Mac)
| Action | Windows / Linux | macOS |
|---|---|---|
| Palette de commandes | Ctrl+Maj+P | Cmd+Maj+P |
| Ouverture rapide (Fichier) | Ctrl+P | Cmd+P |
| Basculer le terminal | Ctrl+` | Ctrl+` |
| Basculer la barre latérale | 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 |
| Curseur multiple (ajouter suivant) | Ctrl+D | Cmd+D |
| Curseur multiple (ajouter au-dessus/en-dessous) | Ctrl+Alt+Haut/Bas | Option+Cmd+Haut/Bas |
| Déplacer ligne Haut/Bas | Alt+Haut/Bas | Option+Haut/Bas |
| Copier ligne Haut/Bas | Maj+Alt+Haut/Bas | Maj+Option+Haut/Bas |
| Couper ligne | Ctrl+X | Cmd+X |
| Copier ligne | Ctrl+C | Cmd+C |
| Supprimer ligne | Ctrl+Maj+K | Cmd+Maj+K |
| Commenter ligne | Ctrl+/ | Cmd+/ |
| Formater le document | Maj+Alt+F | Maj+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 : Maj+F12
- Retour/Avant : Alt+Gauche/Droite (Windows), Ctrl+–/Ctrl+Maj+– (Mac)
Édition
- Dupliquer la ligne : Maj+Alt+Bas (Windows), Maj+Option+Bas (Mac)
- Déplacer ligne Haut/Bas : Alt+Haut/Bas (Windows), Option+Haut/Bas (Mac)
- Sélectionner toutes les occurrences : Ctrl+Maj+L (Windows), Cmd+Ctrl+G (Mac)
- Annuler/Rétablir : Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Maj+Z (Mac)
Terminal intégré
- Nouveau terminal : Ctrl+Maj+` (Windows/Mac)
- Basculer le terminal : Ctrl+` (Windows/Mac)
- Tuer le terminal : Ctrl+Maj+W
Contrôle de version (Git)
- Ouvrir le contrôle de version : Ctrl+Maj+G (Windows), Cmd+Maj+G (Mac)
- Commit : Ctrl+Entrée (dans la boîte de message de commit)
Utilisation en ligne de commande
# Open VS Code in current directory
code .
# Open specific file at line and column
code myfile.js:10:5
# Open diff view between two files
code --diff file1.js file2.js
# Open new VS Code window
code -n
# Disable all extensions
code --disable-extensions .
Personnalisation
- Changer de 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+Maj+X (Windows), Cmd+Maj+X (Mac)
Extraits de code (Snippets)
- Créer des extraits de code personnalisés via
Préférences : Configurer les extraits de code utilisateur.
Astuces
- Utilisez la Palette de commandes (Ctrl+Maj+P / Cmd+Maj+P) pour pratiquement toute commande ou paramètre.
- Le dossier
.vscodedans votre projet permet de définir des paramètres et des tâches spécifiques à l’espace de travail. - Vous pouvez installer des extensions de cartographie de touches (keymaps) pour utiliser les raccourcis d’autres éditeurs (Vim, Sublime, etc.).
Pour une liste plus complète, consultez le [PDF des raccourcis clavier officiels] 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 Visual Studio Code depuis la Palette de commandes :
- Ouvrez la Palette de commandes avec Ctrl+Maj+P (Windows/Linux) ou Cmd+Maj+P (macOS).
- Tapez
Extensions : Installer des extensionset sélectionnez-le dans la liste. Cela ouvre la vue Extensions, où vous pouvez rechercher une extension et l’installer.
Cette méthode vous permet de installer rapidement des extensions sans quitter votre clavier ni naviguer dans les menus.
Les inscriptions du Marketplace fournissent également une installation en une ligne. Ouvrez l’Ouverture rapide avec Ctrl+P (Cmd+P sur macOS), collez ext install <éditeur.identifiant-extension>, et appuyez sur Entrée. Pour vscode-icons, la commande est ext install vscode-icons-team.vscode-icons.
Depuis un terminal, la même extension s’installe avec code --install-extension vscode-icons-team.vscode-icons.
Pour savoir quelles extensions sont les plus installées par langage, consultez Popularité des langages de programmation et des frameworks.
Autre liste de raccourcis clavier de l’éditeur
Ctrl+T (macOS : Cmd+T) - Afficher les symboles de l’espace de travail
Ctrl+Maj+O (macOS : Cmd+Maj+O) - Afficher les symboles du document
Ctrl+Maj+P (macOS : Cmd+Maj+P) - Ouvrir la palette de commandes
Ctrl+Espace - Ouvrir l’achèvement de code
Ctrl+. (macOS : Cmd+.) - Ouvrir les corrections rapides
F2 - Renommer le symbole
Maj+Alt+F (macOS : Maj+Option+F) - Formater le document
F12 - Aller à la définition
Maj+F12 - Trouver les références
Alt+Maj+O - Organiser les directives
F4 - Afficher la hiérarchie de types
Autre liste de raccourcis clavier de débogage
Ctrl+Alt+D - Lancer Dart DevTools
F5 - Démarrer le débogage
Ctrl+F5 - Démarrer sans débogage
Maj+F5 - Arrêter le débogage
Ctrl+Maj+F5 (macOS : Cmd+Maj+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 - Pas suivant
F11 - Pas dans
Maj+F11 - Pas hors
