VS Code Tipps: schneller Code schreiben im Alltag

Dein Editor sollte für dich arbeiten, nicht umgekehrt. Mit den richtigen VS Code Tipps, Shortcuts und ein paar Einstellungen erledigst du dieselbe Arbeit in der halben Zeit und berührst die Maus kaum noch. Dieser Artikel sammelt die praktischen Techniken, die einen Arbeitsalltag wirklich beschleunigen — solche, die zu Muskelgedächtnis werden statt bloßes Wissen zu bleiben. Die Beispiele gelten für Windows/Linux und macOS (auf macOS Ctrl durch Cmd ersetzen).

Befehlspalette und schnelles Wechseln von Dateien

Wäre dies der einzige Shortcut, den du je lernst, hättest du trotzdem gewonnen: die Befehlspalette. Öffne sie mit Ctrl+Shift+P und du erreichst fast alles, was der Editor kann — ohne Menüs zu durchsuchen. Beginne den Befehl zu tippen und die Treffer werden gefiltert.

Ctrl+P — jede Datei sofort über den Namen öffnen (Quick Open). Ein paar Buchstaben genügen.
Ctrl+Shift+O — zu Symbolen (Funktionen, Klassen, Methoden) in der offenen Datei springen.
Ctrl+G — zu einer bestimmten Zeilennummer gehen.
Ctrl+T — ein Symbol im gesamten Projekt suchen.

Ein kleiner Trick: Tippe in Quick Open nach dem Dateinamen ein : gefolgt von einer Zeilennummer (zum Beispiel UserController.php:42), um direkt auf dieser Zeile zu landen.

Multi-Cursor: überall gleichzeitig bearbeiten

Für wiederkehrende Änderungen drehen sich die stärksten VS Code Tipps um mehrere Cursor. Statt dieselbe Änderung an zehn Stellen von Hand zu machen, erledige sie auf einmal:

Ctrl+D — das Wort unter dem Cursor auswählen; erneut drücken, um das nächste passende Vorkommen hinzuzufügen.
Ctrl+Shift+L — alle Vorkommen des ausgewählten Wortes auf einmal auswählen.
Alt+Click — mit der Maus überall einen zusätzlichen Cursor setzen.
Ctrl+Alt+Up/Down (macOS: Cmd+Alt+Up/Down) — einen Cursor in der Zeile darüber oder darunter hinzufügen.

Angenommen, du musst zehn Variablennamen in einer JSON-Datei umbenennen: Wähle den ersten aus, füge die übrigen mit Ctrl+D hinzu, tippe, und alle ändern sich gemeinsam.

Zeilenoperationen: verschieben, kopieren, löschen

Statt Zeilen mit der Maus zu ziehen, lass die Hände auf der Tastatur:

Alt+Up / Alt+Down          → Zeile nach oben/unten verschieben
Shift+Alt+Up / Down        → Zeile nach oben/unten kopieren
Ctrl+Shift+K               → Zeile löschen
Ctrl+/                     → Zeilenkommentar ein/aus
Ctrl+Enter                 → neue Zeile darunter öffnen

Einen if-Block nach oben zu heben oder eine Konfigurationszeile zu duplizieren, dauert so Sekunden. Sobald das im Fingergedächtnis sitzt, greifst du gar nicht mehr zur Maus.

Im Code navigieren und umbenennen

In einer großen Codebasis geht die meiste Zeit für die Frage „wo ist diese Funktion definiert?“ verloren. VS Code löst das:

F12 — zur Definition springen (Go to Definition).
Alt+F12 — die Definition in einem kleinen Inline-Fenster ansehen (Peek).
Shift+F12 — alle Verweise auf ein Symbol finden.
F2 — ein Symbol sicher umbenennen; alle Verweise werden automatisch aktualisiert.
Ctrl+Tab — zwischen zuletzt benutzten Dateien wechseln.

Das Umbenennen mit F2 nutzt den Sprachserver statt eines simplen Suchen-und-Ersetzen, deshalb erwischt es keine falschen Treffer — eine Variable umzubenennen zerstört keinen Kommentar oder Text, der zufällig denselben Namen trägt.

Integriertes Terminal und Git-Workflow

Ohne den Editor zu verlassen zu arbeiten, bringt einen großen Geschwindigkeitsgewinn. Ctrl+` (Backtick) öffnet/schließt das integrierte Terminal; Ctrl+Shift+` erstellt ein neues. Du kannst mehrere Terminals nebeneinander teilen — in einem einen Dev-Server laufen lassen und im anderen Git-Befehle eingeben.

Das Source-Control-Panel links (Ctrl+Shift+G) eignet sich ideal, um Änderungen Zeile für Zeile zu prüfen. Stage eine Datei mit dem „+“ daneben, schreibe eine Nachricht und committe. Die Markierungen in der Gutter zeigen, welche Zeilen geändert wurden; klicke darauf, um eine Änderung rückgängig zu machen. Für tiefere Historie zeigt die Erweiterung GitLens am Zeilenende, wer jede Zeile wann geschrieben hat (Blame).

Dauerhafte Gewinne durch Einstellungen

Shortcuts wirken im Moment; Einstellungen arbeiten jeden Tag im Hintergrund. Öffne die Einstellungen mit Ctrl+, oder bearbeite settings.json direkt („Preferences: Open User Settings (JSON)“ in der Palette). Einige der nützlichsten:

{
  "editor.formatOnSave": true,
  "files.autoSave": "onFocusChange",
  "editor.tabSize": 2,
  "editor.bracketPairColorization.enabled": true,
  "editor.minimap.enabled": false,
  "files.trimTrailingWhitespace": true
}

Mit formatOnSave und einem installierten Formatter (Prettier, ESLint) wird dein Code bei jedem Speichern aufgeräumt — die „Einrückungsdebatte“ verschwindet einfach. Lege eine .vscode/settings.json und eine .vscode/extensions.json in den Projektstamm, und Teamkollegen öffnen mit denselben Einstellungen und empfohlenen Erweiterungen; Konsistenz gibt es gratis.

Snippets und Fokus

Verwandle die Muster, die du oft tippst (eine React-Komponente, das Gerüst eines Laravel-Controllers, einen Lizenzkopf), in eigene Snippets: „Snippets: Configure User Snippets“ in der Palette. Tippe ein Auslösewort, drücke Tab, und der ganze Block erscheint, wobei der Cursor durch die auszufüllenden Felder springt.

Wenn du dich konzentrieren musst, verbirgt der Zen-Modus (Ctrl+K dann Z) jedes Panel und lässt nur den Code übrig. Ctrl+B schaltet die Seitenleiste um und Ctrl+\ teilt den Editor, sodass du zwei Dateien nebeneinander siehst.

Häufige Fragen

Wie lerne ich diese Shortcuts leichter?

Versuche nicht, sie alle an einem Tag zu lernen. Wähle zwei oder drei pro Woche und nutze sie bewusst statt der Maus. Wenn du einen Befehl aus der Palette ausführst, zeigt VS Code seinen Shortcut daneben — ein natürlicher Lernkreislauf. Eine druckbare Übersicht bekommst du auch über „Help → Keyboard Shortcuts Reference“.

Wie übertrage ich meine Konfiguration auf einen anderen Rechner?

Aktiviere die eingebaute Settings Sync von VS Code (Zahnrad-Symbol → Turn on Settings Sync). Deine Einstellungen, Shortcuts, Erweiterungen und Snippets synchronisieren sich über dein GitHub- oder Microsoft-Konto; melde dich auf einem neuen Rechner an und alles ist wieder da.

Verlangsamen zu viele Erweiterungen VS Code?

Das kann passieren. Führe „Developer: Show Running Extensions“ aus der Palette aus, um zu sehen, welche Erweiterung wie viel Startzeit und CPU verbraucht. Deaktiviere, was du nicht nutzt; aktiviere manche nur für die relevanten Projekte über die „Workspace“-Ebene.

Deinen Editor zu beschleunigen ist erst der Anfang eines schnelleren Arbeitsablaufs. Wenn du ein Webprojekt, eine Automatisierung oder ein Setup baust, das deinen Entwicklungsprozess beschleunigen soll, schauen wir es uns gemeinsam an — nimm Kontakt auf.