VS Code

Allgemeine Bedienung, Terminal-Befehle und Einstellungen für Visual Studio Code


VS Code über Terminal öffnen
Dateiexplorer öffnen. Rechte Maustaste auf Ordner. Befehl "In Terminal öffnen". cd und eventuell Unterordner angeben. Dann "code ." eingeben. Visual-Studio Code wird geöffnet.
Datei über Terminal öffnen
Entsprechenden Ordner aufrufen. Dann Befehl "code" gefolgt vom Dateinamen eingeben. z.B. PS C:xampphtdocskraftfutterimages> code 1920x500.jpg
Help
Befehlseingabe in das integrierte Terminal oder Power Shell: "code --help". Ausgabe: Siehe Tabelle unten.
Hilfeseite VS-Code unter Dokumentation
Settings - über Zahnrad und Einstellungen (Strg+)
Z.B. bei den am häufigsten verwendeten Einstellungen: Minimap ein/aus, Workbench color aufrufen und dann Workbench: Color Customizations. Überschreibt Farben aus dem derzeit ausgewählte Farbdesign und in json bearbeiten.
Tabs oder Leerzeichen zum Einrücken
Unten auf Tabulatorgröße oder Leerzeichen klicken. Im oberen Auswahlfeld die Anzahl festlegen und dadurch die Anzeige ändern. Mit Shift+Alt+F Ansicht formatieren gemäß Vorlage.
Settings - über Zahnrad und Einstellungen (Strg+)
Z.B. bei den am häufigsten verwendeten Einstellungen: Minimap ein/aus, sticky scroll (Kopfzeile wird immer eingeblendet)
Zeilenumbrüche über Alt+Z
Oder Anzeigen/Zeilenumbruch oder Settings und Wrap als Suchbegriff eingeben. Settings Eingabe @lang:php und dann die Einstellungen ändern
Autovervollständigen
Über Emmet Abbreviation. Z.B. Eingabe div>ul>li*5. Ergebnis: div und ul-tag mit 5 List-Elemente. Verschachtelt: (div*2>ul>li*3)+p+img. ! und Enter = html-Grundgerüst.
Erweiterungen/ Extensions
Suche über @category oder @sort:rating. Empfohlene Extensions: HTML CSS Support, Prettier, ESLint, Code Spell Checker, CSS Speak, IntelliCode, Better Comments, Indent-Rainbow.
Empfohlene Erweiterungen/Extensions
Prettier (Code formatter). ESLint Prüfung. CodeSnap plus für Screenshots. Restore Terminals.
Git Repository
Einschalten über Quellcodeverwaltung. Git Repository löschen durch Löschen des Ordners .git in der Dateiablage. Github Repository anlegen.
Erweiterungen/ Extensions
@category in das Suchfeld der Extensions eingeben und auswählen. Oder z.B. @category:"themes" @sort:rating. Code Snippets suchen über die Eingabe von insert snippet oder Konfigurieren von snippets über configure snippets. Empfohlene Extensions: HTML CSS Support, Prettier (Formatter), ESLint (JavaScript Code Prüfung), Code Spell Checker (Rechtschreibprüfung), CSS Speak (zeigt den css Code an), IntelliCode für TypeScript, JavaScript, Java, Python, Better Comments, Indent-Rainbow (farbliche Darstellung von Leerzeichen).
Empfohlene Erweiterungen/Extensions
Z.B. Prettier (Code formatter). ESLint installiert. Zum Ausführen im Terminal eingeben: npn run eslint oder zum Beheben von Fehlern: npn run eslint:fix. Oder aus einem aufgerufenen Ordner angeben: npx eslint . - Es werden alle Dateien in dem Ordner geprüft und Fehler angezeigt. Installiert: CodeSnap plus zur Erstellung eines Screenshots des Progarmmcodes. Restore Terminals
Git Repository
Einschalten über Quellcodeverwaltung. Git Repository löschen durch Löschen des Ordners .git in der Dateiablage.
Github Repository anlegen. Siehe Kurs Udemy
Temporary Profile
To create a temporary profile: Open the Command Palette (Ctrl + Shift + P). Search for "Profile: Create a Temporary Profile". The temporary profile will start as an Empty Profile. Gültigkeit von Profilen: Profiles are associated with the current workspace (folder).
Eingebundene Erweiterungen
Ftp Simple zum Download der Dateien auf den Server. Anleitung siehe Youtube
FtP Simple
Erweiterungen/ Extensions Azure Repos
Verbindet VS Code mit Azure Repos. Ermöglicht das Verwalten von Pull Requests und die Integration von Team Services. (Version 0.40.0)
Erweiterungen/ Extensions Bootstrap 5 Quick Snippet
Sammlung nützlicher Snippets für die schnelle Entwicklung mit dem Bootstrap 5 Framework. (Version 0.4.4)
Erweiterungen/ Extensions Cobalt2 Theme
Das bekannte dunkelblaue Farbschema von Wes Bos für VS Code. (Version 2.5.0)
Erweiterungen/ Extensions Draw.io Integration
Ermöglicht das Erstellen und Bearbeiten von Diagrammen direkt in VS Code über den Draw.io Editor. (Version 1.9.0)
Erweiterungen/ Extensions Format HTML in PHP
Ermöglicht die Formatierung von HTML-Codeblöcken innerhalb von PHP-Dateien. (Version 1.7.0)
Erweiterungen/ Extensions ftp-simple
Ein Tool zum direkten Bearbeiten von Dateien auf dem Server via FTP/SFTP. (Version 0.7.6)
Erweiterungen/ Extensions German Language Pack
Stellt die Benutzeroberfläche von Visual Studio Code auf Deutsch um.
Erweiterungen/ Extensions Git History
Visualisiert die Git-Historie und erlaubt das Vergleichen von Branches und Commits. (Version 0.6.20)
Erweiterungen/ Extensions GitHub Codespaces
Ermöglicht die Verbindung zu Cloud-basierten Entwicklungsumgebungen von GitHub. (Version 1.18.12)
Erweiterungen/ Extensions GitHub Copilot Chat
KI-gestütztes Chat-Interface zur Unterstützung bei Codierung und Fehlersuche direkt im Editor. (Version 0.42.3)
Erweiterungen/ Extensions GitHub Pull Requests and Issues
Erlaubt das Reviewen und Verwalten von GitHub PRs und Issues direkt in VS Code. (Version 0.134.0)
Erweiterungen/ Extensions GitHub Repositories
Erlaubt das Durchsuchen und Bearbeiten von GitHub-Repositories ohne lokales Klonen. (Version 0.64.0)
Erweiterungen/ Extensions gitignore
Unterstützung für .gitignore Dateien, inklusive Syntax-Highlighting und Vorlagen. (Version 0.10.0)
Erweiterungen/ Extensions GitLens
Erweitert Git-Funktionen massiv (Blame-Anzeige, Code-Autorenschaft, Datei-Historie). (Version 17.11.1)
Erweiterungen/ Extensions PHP IntelliSense
Fortgeschrittene Code-Vervollständigung und statische Analyse für PHP. (Version 0.12.17700)
Erweiterungen/ Extensions Kilo Code
Anbindung an LLMs via OpenRouter (z.B. qwen3.6 plus) für KI-gestütztes Coding. (Version 7.1.20)
Erweiterungen/ Extensions Material Icon Theme
Bietet eine große Auswahl an Icons im Material Design für den Datei-Explorer. (Version 5.33.1)
Erweiterungen/ Extensions Open in GitHub
Ermöglicht das schnelle Öffnen der aktuellen Datei oder Zeile direkt auf der GitHub-Webseite. (Version 1.3.6)
Erweiterungen/ Extensions Parameter Hints
Zeigt hilfreiche Tooltips für Funktionsparameter während des Schreibens an. (Version 0.2.7)
Erweiterungen/ Extensions PHP Sniffer
Integration von PHP_CodeSniffer zur Überprüfung von Codierungsstandards. (Version 1.3.0)
Erweiterungen/ Extensions Remote Repositories
Ermöglicht das Arbeiten an entfernten Repositories, ohne sie lokal zu speichern. (Version 0.42.0)
Erweiterungen/ Extensions YAML Support
Umfassende YAML-Unterstützung inklusive Validierung und Auto-Vervollständigung durch Red Hat. (Version 1.21.0)
Erweiterungen/ Extensions Composer for PHP
Integration der PHP-Paketverwaltung Composer direkt in VS Code. (Version 1.69.18673)
Erweiterungen/ Extensions CodeSnap Plus
Erstellt ästhetische Screenshots deines Quellcodes für Präsentationen oder Dokumentationen. (Version 1.4.1)
Erweiterungen/ Extensions PHP Tools for VS Code
All-in-One PHP Entwicklungsumgebung inkl. Debugging, Refactoring und IntelliSense. (Version 1.69.18673)
Erweiterungen/ Extensions PHP Debug
Debug-Support für PHP (Xdebug-Integration) zur Fehlersuche im Laufzeitbetrieb. (Version 1.40.0)
Erweiterungen/ Extensions Devsense
Hochperformanter PHP-Sprachserver für PHP und Code-Navigation. Gleiche Funktionen wie Intelephense. Wenn beide aktiv sind, verbraucht dein PC doppelt so viel RAM für PHP. Wenn du die Devsense PHP Tools installiert hast (die sehr umfangreich und modern sind), ist Intelephense absolut redundant. Devsense bemerkt alles, was Intelephense auch bemerkt – nur oft etwas präziser.
Erweiterungen/ Extensions PHP Profiler
Werkzeug zur Leistungsanalyse von PHP-Applikationen. (Version 1.69.18673)
Erweiterungen/ Extensions PHP Snippets
Sammlung gängiger PHP-Code-Fragmente für schnelleres Coding. (Version 0.0.30)
Erweiterungen/ Extensions PowerShell Pro Tools
Erweiterte Funktionen für die PowerShell-Entwicklung, inkl. GUI-Designer. (Version 2024.12.0)
Erweiterungen/ Extensions Pro Deployer
Tool zur einfachen Bereitstellung und zum Deployment von Web-Projekten. (Version 3.5.0)
Erweiterungen/ Extensions Project Manager
Einfaches Wechseln zwischen verschiedenen Projekten und Ordnern. (Version 13.1.0)
Erweiterungen/ Extensions Remote - SSH
Ermöglicht das Öffnen von Ordnern auf einem entfernten Server über SSH. (Version 0.122.0)
Erweiterungen/ Extensions Remote - SSH Edit
Zusatzmodul zum einfacheren Bearbeiten der SSH-Konfigurationsdateien. (Version 0.87.0)
Erweiterungen/ Extensions Remote Explorer
Zentrale Ansicht für alle Remote-Verbindungen (SSH, Container, WSL). (Version 0.5.0)
Erweiterungen/ Extensions SQLTools
Umfassendes Tool zum Verwalten von Datenbanken und Ausführen von SQL-Queries. (Version 0.28.5)
Erweiterungen/ Extensions SQLTools MySQL Driver
Spezifischer Treiber für SQLTools, um Verbindungen zu MySQL/MariaDB aufzubauen. (Version 0.6.6)
Erweiterungen/ Extensions Todo Tree
Sucht im gesamten Projekt nach Kommentaren wie TODO oder FIXME und zeigt sie in einer Baumstruktur an. (Version 0.0.226)

Tastenkombinationen

Kategorie / Kombination Beschreibung / Funktion
Ctrl+Shift+P, F1
Allgemein
Befehls-Palette anzeigen
Ctrl+P
Allgemein
Schnell öffnen, Gehe zu Datei...
Ctrl+Shift+N
Allgemein
Neues Fenster/Instanz öffnen
Ctrl+Shift+W
Allgemein
Fenster/Instanz schließen
Ctrl+,
Allgemein
Benutzereinstellungen
Ctrl+K Ctrl+S
Allgemein
Tastenkombinationen anzeigen
Ctrl+X
Grundlegende Bearbeitung
Zeile ausschneiden (ohne Auswahl)
Ctrl+C
Grundlegende Bearbeitung
Zeile kopieren (ohne Auswahl)
Alt+↑ / ↓
Grundlegende Bearbeitung
Zeile nach oben/unten verschieben
Shift+Alt+↑ / ↓
Grundlegende Bearbeitung
Zeile nach oben/unten kopieren
Ctrl+Shift+K
Grundlegende Bearbeitung
Zeile löschen
Ctrl+Enter
Grundlegende Bearbeitung
Zeile darunter einfügen
Ctrl+Shift+Enter
Grundlegende Bearbeitung
Zeile darüber einfügen
Ctrl+Shift+\
Grundlegende Bearbeitung
Zu passender Klammer springen
Ctrl+] / [
Grundlegende Bearbeitung
Zeile einrücken / ausrücken
Home / End
Grundlegende Bearbeitung
Anfang / Ende der Zeile
Ctrl+Home
Grundlegende Bearbeitung
Anfang der Datei
Ctrl+End
Grundlegende Bearbeitung
Ende der Datei
Ctrl+↑ / ↓
Grundlegende Bearbeitung
Zeile nach oben/unten scrollen
Alt+PgUp / PgDn
Grundlegende Bearbeitung
Seite nach oben/unten scrollen
Ctrl+Shift+[
Grundlegende Bearbeitung
Bereich zusammenklappen
Ctrl+Shift+]
Grundlegende Bearbeitung
Bereich entfalten
Ctrl+K Ctrl+[
Grundlegende Bearbeitung
Alle Unterbereiche zusammenklappen
Ctrl+K Ctrl+]
Grundlegende Bearbeitung
Alle Unterbereiche entfalten
Ctrl+K Ctrl+0
Grundlegende Bearbeitung
Alle Bereiche zusammenklappen
Ctrl+K Ctrl+J
Grundlegende Bearbeitung
Alle Bereiche entfalten
Ctrl+K Ctrl+C
Grundlegende Bearbeitung
Zeilenkommentar hinzufügen
Ctrl+K Ctrl+U
Grundlegende Bearbeitung
Zeilenkommentar entfernen
Shift+Alt+A
Grundlegende Bearbeitung
Blockkommentar umschalten
Alt+Z
Grundlegende Bearbeitung
Wortumbruch umschalten
Ctrl+T
Navigation
Alle Symbole anzeigen
Ctrl+G
Navigation
Gehe zu Zeile...
Ctrl+Shift+O
Navigation
Gehe zu Symbol...
Ctrl+Shift+M
Navigation
Probleme-Panel anzeigen
F8
Navigation
Gehe zum nächsten Fehler oder Warnung
Shift+F8
Navigation
Gehe zum vorherigen Fehler oder Warnung
Alt+← / →
Navigation
Zurück / Vorwärts
Ctrl+M
Navigation
Tabulator bewegt den Fokus umschalten
Ctrl+F
Suchen und Ersetzen
Suchen
Ctrl+H
Suchen und Ersetzen
Ersetzen
F3 / Shift+F3
Suchen und Ersetzen
Nächstes / Vorheriges Vorkommen suchen
Alt+Enter
Suchen und Ersetzen
Alle Vorkommen auswählen
Alt+C / R / W
Suchen und Ersetzen
Groß-/Kleinschreibung / Regulärer Ausdruck / Ganzes Wort umschalten
Ctrl+Shift+L
Wichtig
Umbenennen mehrerer Ausdrucke gleichzeitig
Alt+Shift+F
Wichtig
Ruft den Code Formatter auf und formatiert den Programmcode
Ctrl+D
Wichtig
Selektives Umbenennen mehrerer Ausdrucke
Shift+Alt+F
Wichtig
Code formatieren
Alt+↑ / ↓
Wichtig
Zeile nach oben/unten verschieben up/down
Ctrl+/
Wichtig
Zeilen kommentieren/ auskommentieren
Ctrl+p
Wichtig
Datei wechseln. Zu anderer Datei wechseln
Ctrl+G
Wichtig
Springen zu einer Zeile
Ctrl+L
Wichtig
Zeile markieren
Ctrl+K W
Wichtig
Alle Tabs schließen

Terminalbefehle / Optionen

Kategorie / Kombination Beschreibung / Funktion
--extensions-dir <Verzeichnis>
Erweiterungsverwaltung
Legt den Stammverzeichnis für Erweiterungen fest.
--list-extensions
Erweiterungsverwaltung
Listet die installierten Erweiterungen auf.
--show-versions
Erweiterungsverwaltung
Zeigt die Versionen der installierten Erweiterungen, wenn --list-extensions verwendet wird.
--category <Kategorie>
Erweiterungsverwaltung
Filtert installierte Erweiterungen nach der angegebenen Kategorie, wenn --list-extensions verwendet wird.
--install-extension <ext-id | Pfad>
Erweiterungsverwaltung
Installiert oder aktualisiert eine Erweiterung.
--pre-release
Erweiterungsverwaltung
Installiert die Vorabversion der Erweiterung.
--uninstall-extension <ext-id>
Erweiterungsverwaltung
Deinstalliert eine Erweiterung.
--update-extensions
Erweiterungsverwaltung
Aktualisiert die installierten Erweiterungen.
--enable-proposed-api <ext-id>
Erweiterungsverwaltung
Aktiviert vorgeschlagene API-Funktionen für Erweiterungen.
-v --version
Fehlerbehebung
Gibt die Version aus.
--verbose
Fehlerbehebung
Gibt ausführliche Ausgaben.
--log <Level>
Fehlerbehebung
Legt das zu verwendende Protokollierungslevel fest.
-s --status
Fehlerbehebung
Zeigt Prozessnutzung und Diagnoseinformationen an.
--prof-startup
Fehlerbehebung
Führt einen CPU-Profiler während des Startvorgangs aus.
--disable-extensions
Fehlerbehebung
Deaktiviert alle installierten Erweiterungen.
--disable-extension <ext-id>
Fehlerbehebung
Deaktiviert die angegebene Erweiterung.
--sync <an | aus>
Fehlerbehebung
Schaltet die Synchronisierung ein oder aus.
--inspect-extensions <Port>
Fehlerbehebung
Ermöglicht das Debugging und Profiling von Erweiterungen.
--inspect-brk-extensions <Port>
Fehlerbehebung
Ermöglicht das Debugging und Profiling von Erweiterungen.
--disable-lcd-text
Fehlerbehebung
Deaktiviert die LCD-Schriftdarstellung.
--disable-gpu
Fehlerbehebung
Deaktiviert die GPU-Hardwarebeschleunigung.
--disable-chromium-sandbox
Fehlerbehebung
Verwendet diese Option nur bei besonderen Anforderungen.
--telemetry
Fehlerbehebung
Zeigt alle Telemetrie-Ereignisse an, die von VS Code erfasst werden.
-d --diff <Datei> <Datei>
Optionen
Vergleicht zwei Dateien miteinander.
-m --merge <Pfad1> <Pfad2> <Basis> <Ergebnis>
Optionen
Führt einen Drei-Wege-Merge durch, indem Pfade für zwei geänderte Versionen einer Datei, den gemeinsamen Ursprung und die Ausgabedatei für das Mergen bereitgestellt werden.
-a --add <Ordner>
Optionen
Fügt Ordner zur zuletzt aktiven Fensteransicht hinzu.
-g --goto <Datei:Zeile[:Zeichen]>
Optionen
Öffnet eine Datei am angegebenen Pfad in der angegebenen Zeile und Zeichenposition.
-n --new-window
Optionen
Erzwingt das Öffnen eines neuen Fensters.
-r --reuse-window
Optionen
Erzwingt das Öffnen einer Datei oder eines Ordners in einem bereits geöffneten Fenster.
-w --wait
Optionen
Wartet, bis die Dateien geschlossen sind, bevor das Programm zurückkehrt.
--locale <Lokale>
Optionen
Gibt die zu verwendende Lokale an (z.B. de-DE oder en-US).
--user-data-dir <Verzeichnis>
Optionen
Gibt das Verzeichnis an, in dem Benutzerdaten gespeichert werden. Kann verwendet werden, um mehrere getrennte Instanzen von VS Code zu öffnen.
--profile <Profilname>
Optionen
Öffnet den angegebenen Ordner oder Workspace mit dem angegebenen Profil und verknüpft das Profil mit dem Workspace.
-h --help
Optionen
Zeigt die Gebrauchsanweisung an.
tunnel
Unterbefehle
Macht den aktuellen Rechner über vscode.dev oder andere Rechner durch einen sicheren Tunnel zugänglich.
serve-web
Unterbefehle
Führt einen Server aus, der die Editor-Benutzeroberfläche in Browsern anzeigt.