VSCode-Übersicht
Das Visual Studio Code-Cheatsheet ist da.
Häufigste Befehle in Visual Studio Code
Für reproduzierbare Entwicklungsumgebungen siehe Dev Containers in VS Code meistern.
Visual Studio Code Spickzettel
Allgemeine Shortcuts (Windows / Mac)
| Aktion | Windows / Linux | macOS |
|---|---|---|
| Befehlspalette | Ctrl+Shift+P | Cmd+Shift+P |
| Schnell öffnen (Datei) | Ctrl+P | Cmd+P |
| Terminal umschalten | Ctrl+` | Ctrl+` |
| Seitenleiste umschalten | Ctrl+B | Cmd+B |
| Einstellungen | Ctrl+, | Cmd+, |
| Tastaturkürzel öffnen | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| Alle Symbole anzeigen | Ctrl+T | Cmd+T |
| Zeile springen | Ctrl+G | Ctrl+G |
| Suchen | Ctrl+F | Cmd+F |
| Ersetzen | Ctrl+H | Cmd+Option+F |
| Mehrfacher Cursor (nächsten hinzufügen) | Ctrl+D | Cmd+D |
| Mehrfacher Cursor (oben/unten hinzufügen) | Ctrl+Alt+Up/Down | Option+Cmd+Up/Down |
| Zeile nach oben/unten verschieben | Alt+Up/Down | Option+Up/Down |
| Zeile nach oben/unten kopieren | Shift+Alt+Up/Down | Shift+Option+Up/Down |
| Zeile ausschneiden | Ctrl+X | Cmd+X |
| Zeile kopieren | Ctrl+C | Cmd+C |
| Zeile löschen | Ctrl+Shift+K | Cmd+Shift+K |
| Zeile kommentieren | Ctrl+/ | Cmd+/ |
| Dokument formatieren | Shift+Alt+F | Shift+Option+F |
| Speichern | Ctrl+S | Cmd+S |
| Editor schließen | Ctrl+W | Cmd+W |
| Editor aufteilen | Ctrl+\ | Cmd+\ |
Navigation
- Zur Definition: F12
- Definition anblicken: Alt+F12
- Zu Verweisen: Shift+F12
- Zurück/Vorwärts: Alt+Links/Rechts (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
Bearbeitung
- Zeile duplizieren: Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
- Zeile nach oben/unten verschieben: Alt+Up/Down (Windows), Option+Up/Down (Mac)
- Alle Vorkommen auswählen: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- Rückgängig/Machen: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
Integriertes Terminal
- Neues Terminal: Ctrl+Shift+` (Windows/Mac)
- Terminal umschalten: Ctrl+` (Windows/Mac)
- Terminal beenden: Ctrl+Shift+W
Quellcodeverwaltung (Git)
- Quellcodeverwaltung öffnen: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- Commit: Ctrl+Enter (im Eingabefeld für die Commit-Nachricht)
Verwendung über die Kommandozeile
# VS Code im aktuellen Verzeichnis öffnen
code .
# Bestimmte Datei an Zeile und Spalte öffnen
code myfile.js:10:5
# Diff-Ansicht zwischen zwei Dateien öffnen
code --diff file1.js file2.js
# Neues VS Code-Fenster öffnen
code -n
# Alle Erweiterungen deaktivieren
code --disable-extensions .
Anpassung
- Theme ändern: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- Tastaturkürzel öffnen: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- Erweiterungen installieren: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
Snippets
- Eigene Code-Snippets über
Einstellungen: Benutzersnippets konfigurierenerstellen.
Tipps
- Verwenden Sie die Befehlspalette (Ctrl+Shift+P / Cmd+Shift+P) für praktisch jeden Befehl oder jede Einstellung.
- Der
.vscode-Ordner in Ihrem Projekt ermöglicht arbeitsbereichsspezifische Einstellungen und Aufgaben. - Sie können Keymap-Erweiterungen installieren, um Shortcuts aus anderen Editoren zu verwenden (Vim, Sublime, etc.).
Für eine umfassendere Liste siehe das offizielle [PDF der Tastaturkürzel] oder den Shortcut-Verweis im Editor (Ctrl+K Ctrl+S).
So installieren Sie eine VS Code-Erweiterung aus der Befehlspalette
Sie können eine Visual Studio Code-Erweiterung aus der Befehlspalette installieren:
- Öffnen Sie die Befehlspalette mit Ctrl+Shift+P (Windows/Linux) oder Cmd+Shift+P (macOS).
- Tippen Sie
Erweiterungen: Erweiterungen installierenein und wählen Sie sie aus der Liste aus. Dies öffnet die Erweiterungsansicht, in der Sie nach einer Erweiterung suchen und sie installieren können.
Diese Methode erlaubt es Ihnen, Erweiterungen schnell zu installieren, ohne die Hände von der Tastatur zu nehmen oder durch Menüs zu navigieren.
Die Marketplace-Einträge bieten auch eine Installation per Einzeiler. Öffnen Sie das Schnell-Fenster mit Ctrl+P (Cmd+P auf macOS), fügen Sie ext install <publisher.extension-id> ein und drücken Sie Enter. Für vscode-icons lautet dieser Befehl ext install vscode-icons-team.vscode-icons.
Aus einem Terminal heraus wird dieselbe Erweiterung mit code --install-extension vscode-icons-team.vscode-icons installiert.
Für eine Übersicht der am häufigsten installierten Erweiterungen pro Sprache siehe Popularität von Programmiersprachen und Frameworks.
Weitere Liste von Editor-Tastenbelegungen
Ctrl+T (macOS: Cmd+T) - Workspacesymbole anzeigen
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Dokumentensymbole anzeigen
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Befehlspalette öffnen
Ctrl+Space - Codevervollständigung öffnen
Ctrl+. (macOS: Cmd+.) - Schnellkorrekturen öffnen
F2 - Symbol umbenennen
Shift+Alt+F (macOS: Shift+Option+F) - Dokument formatieren
F12 - Zur Definition
Shift+F12 - Verweise suchen
Alt+Shift+O - Direktiven organisieren
F4 - Typenhierarchie anzeigen
Weitere Liste von Debugging-Tastenbelegungen
Ctrl+Alt+D - Dart DevTools starten
F5 - Debugging starten
Ctrl+F5 - Starten ohne Debugging
Shift+F5 - Debugging beenden
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Debugging neu starten (oder Hot Restart beim Debugging von Flutter-Apps)
Ctrl+F5 - Hot Reload beim Debugging von Flutter-Apps
F9 - Breakpoint umschalten
F10 - Schritt überspringen
F11 - Schritt hinein
Shift+F11 - Schritt hinaus
