Ein Arbeitsbereich in Visual Studio Code (VS Code) gruppiert Dateien und Ordner in einem einzigen Fenster. Er kann einen einzelnen Ordner umfassen oder als Multi-Root-Arbeitsbereich mehrere Ordner verwalten – ideal für komplexe Entwicklungsprojekte. Mit dieser Funktion öffnen Sie alle relevanten Dateien zentral, ohne ständiges Wechseln. Die Konfiguration wird in einer .code-workspace-Datei gespeichert, die Ordnerstrukturen und Einstellungen festhält. So starten Projekte schneller als mit Shell-Skripts. Folgen Sie unserer praxisnahen Anleitung, basierend auf jahrelanger VS-Code-Expertise.
Einen neuen Arbeitsbereich in VS Code erstellen
Der Arbeitsbereich dient typischerweise als lokale Kopie Ihrer Team-Codebasis für Entwicklung und Tests. Oft entsteht er automatisch beim Öffnen eines Ordners. Für Multi-Root-Szenarien mit mehreren Branches oder Komponenten bündeln Sie alles manuell:
- Wählen Sie die gewünschten Ordner aus.
- Fügen Sie sie hinzu: Gehen Sie zu Datei > Ordner zum Arbeitsbereich hinzufügen.
- Speichern Sie den Arbeitsbereich: Datei > Arbeitsbereich als.... Er wird als (Name).code-workspace angezeigt.
Fertig – Ihr Multi-Root-Arbeitsbereich ist einsatzbereit.
Arbeitsbereichseinstellungen anpassen
Workspace-spezifische Einstellungen überschreiben Globals und werden in JSON-Dateien gespeichert, abhängig vom Öffnungsmodus.
Einstellungen für Single-Folder-Workspaces
Bei Ordneröffnung: .vscode/settings.json.
Einstellungen für Multi-Root-Workspaces
In der .code-workspace-Datei. Ordnerlokale Anpassungen haben Vorrang.
Startkonfigurationen und Aufgaben
Aufgaben und Launch-Konfigurationen passen sich ebenfalls dem Workspace an – in .vscode/tasks.json oder launch.json bzw. der .code-workspace.
VS Code-Arbeitsbereich optimieren: Profi-Tipps
VS Code unterstützt Sprachen wie TypeScript, JavaScript und Node.js nahtlos. Diese bewährten Tipps steigern Ihre Produktivität:
Integriertes Terminal
Vergessen Sie OS-Terminals: VS Codes integriertes Terminal zentralisiert alles. Passen Sie Farben an, um Projekte zu unterscheiden – effizient und übersichtlich.
Tab-Wrapping
Bei vielen Tabs: Drücken Sie Strg/Cmd + K, suchen Sie "Tabs umbrechen". So behalten Sie den Überblick in großen Projekten.
Tab-Pinning
Heften Sie häufig genutzte Tabs fest: Strg/Cmd + K > "Tab anheften". Hält Ihren Workspace organisiert.
Benutzeroberfläche personalisieren
Verschieben Sie Explorer, Suche oder Ausgabe per Drag-and-Drop. Platzieren Sie Favoriten oben für schnellen Zugriff.
Dateinamen automatisch ergänzen
Bei Neuerstellung: Aktivieren Sie IntelliSense für Erweiterungen – spart Zeit bei Massenarbeiten.
Vorschaumodus deaktivieren
Vermeiden Sie automatisches Schließen: Einstellungen > "Vorschau aktivieren" deaktivieren.
Synchronisierung für neue PCs
Speichern Sie Einstellungen via Settings Sync – nahtloser Wechsel zu neuem Gerät.
Replays öffnen
Debuggen Sie Produktions-Apps mit OpenReplay (open-source Alternative zu LogRocket). Session-Replays sparen Stunden.
GitHub-Integration
Pushen Sie direkt – keine manuellen Git-Befehle nötig.
Alle Ordner zentral
Workspaces halten Teams organisiert. Optimieren Sie für Effizienz und Projektkontrolle. Mit dieser Anleitung meistern Sie VS Code-Arbeitsbereiche mühelos.
Haben Sie Ihren VS-Code-Workspace eingerichtet? Teilen Sie in den Kommentaren Ihre Tipps!