Der Visual Studio Code-Arbeitsbereich ist eine Sammlung von Dateien, die in einem einzigen Fenster geöffnet werden. Ein Arbeitsbereich kann ein einzelner Ordner sein, in einigen Fällen umfasst er jedoch mehrere Dateien in einem Entwicklungsworkflow, der als Multi-Root-Arbeitsbereiche bezeichnet wird. Wenn Sie an einem Projekt arbeiten und mehrere Dateien auf dieser Plattform öffnen müssen, kann die neue Workspace-Funktion hilfreich sein. Sie können mehrere Dateien im selben Fenster öffnen und so problemlos auf alle erforderlichen Dokumente zugreifen. Die .code-Workspaces-Datei wird zum Speichern der Projektordnereinstellungen verwendet. Nach der Konfiguration werden die verschiedenen Dateien automatisch im selben Fenster geöffnet. Außerdem ist die Konfiguration viel schneller und einfacher als das Schreiben eines Shell-Skripts. Erfahren Sie, wie Sie einen VS-Code-Arbeitsbereich erstellen.
Erstellen eines neuen Arbeitsbereichs in VS Code
Ihr Arbeitsbereich ist in der Regel die lokale Kopie der Codebasis des Teams, die Sie zum Testen und Entwickeln Ihres Codes verwenden können. In den meisten Fällen wird es automatisch erstellt, wenn Sie einen VS-Ordner öffnen. Möglicherweise möchten Sie jedoch mehrere Dateien erstellen, um den Überblick über alle Änderungen zu behalten, die Sie an verschiedenen Zweigen des Projekts vornehmen. So konsolidieren Sie diese Dateien in einem VS-Code-Arbeitsbereich.
- Wählen Sie die Ordner aus, die Sie in Ihrem Arbeitsbereich haben möchten.
- Fügen Sie sie dem Arbeitsbereich hinzu, indem Sie zu „Datei“ und dann „Ordner zum Arbeitsbereich hinzufügen“ navigieren.
- Wenn Ihr Arbeitsbereich eingerichtet ist, speichern Sie das neue Forum, indem Sie auf „Datei“ und dann auf „Arbeitsbereich speichern unter“ gehen.
Ihr neuer Arbeitsbereich wurde bereits in VS Code erstellt und der Name wird als (Name).code-Workspace angezeigt.
Arbeitsbereichseinstellungen
Diese Einstellungen überschreiben die Standardeinstellungen und können verwendet werden, um Ihren Arbeitsbereich nach Ihren Wünschen anzupassen. Sie werden in JSON-Dateien gespeichert und ihr Speicherort wird dadurch bestimmt, wie Sie ihren Ordner öffnen.
Arbeitsbereichseinstellungen für einzelne Ordner
Wenn Sie einen Ordner als Arbeitsbereich öffnen, finden Sie die Einstellungen in .vscode/settings.json.
Konfiguration des Multiroot-Arbeitsbereichs
Wenn es sich bei dem von Ihnen geöffneten Ordner um eine .code-workspace-Datei handelt, werden alle Workspace-Konfigurationen zur .code-workspace-Datei hinzugefügt.
Sie können die Einstellungen weiterhin pro Stammordner anpassen, aber die Einstellungen überschreiben diejenigen, die im .code-workspace definiert sind.
Starteinstellungen und Aufgaben des Arbeitsbereichs
Ähnlich wie Einstellungen für Workspace konfiguriert werden, können auch Aufgaben und Releases an einen Workspace angepasst werden. Wenn Sie einen Ordner als .code-workspace- oder Workspace-Datei geöffnet haben, befinden sich die Speicherorte der Aufgaben- und Startkonfigurationen in der .vsh-Datei oder .workspace-Datei. Diese Einstellungen können auch über den Ordner angepasst werden.
Optimieren Sie einen neuen VS-Code-Arbeitsbereich
Mit integrierter Unterstützung für mehrere Programmiersprachen, einschließlich TypeScript, Javascript und Node JS, ist Workspace ein ideales Werkzeug für Entwickler. Diese Tipps machen die Plattform effizienter und einfacher zu navigieren.
Terminals
Möglicherweise verwenden Sie das von Ihrem Betriebssystem bereitgestellte Standardterminal. Mit VS Code wollte die Plattform, dass Sie sich nicht auf die Betriebssystemfunktion verlassen müssen. VS Code verfügt über ein integriertes Terminal, das alle Ihre Anforderungen an einem Ort hat. Dies ist eine großartige Möglichkeit, den Überblick über Ihre Entwicklungsprojekte zu behalten und sicherzustellen, dass sie reibungslos ablaufen. Mit der Möglichkeit, die Symbolfarbe umzubenennen oder zu ändern, ist es auch einfacher, zwischen verschiedenen Terminals für Ihr Projekt zu unterscheiden.
Wimpern umwickeln
Diese Funktion ist nützlich für Entwickler, die an großen Projekten arbeiten, bei denen mehrere Komponenten verwendet werden. Beim Wechsel von einer Komponente zu einer anderen kann es schwierig sein, den Überblick über alle Dateien zu behalten. In VS Code werden Registerkarten im Browser angezeigt und Sie müssen zwischen ihnen wechseln, wenn Sie sehen möchten, was sich darin befindet.
Eine effizientere Methode wäre, diese Tabs umzubrechen, indem Sie auf Cmd + klicken und nach „Tabs umbrechen“ suchen. Mit dieser Funktion können Sie leichter sehen, was sich auf den verschiedenen Registerkarten befindet.
Pin-Tabs
Als Entwickler ist es ratsam, Ihren Arbeitsbereich so organisiert wie möglich zu halten. Sie können dies tun, indem Sie die Tabs, die Sie häufig verwenden, an der Vorderseite Ihres Bildschirms anheften. Sie können das Erscheinungsbild dieser Registerkarten auch anpassen, indem Sie die Tasten „Befehl +“ oder „Strg +“ drücken und nach „Registerkarte anheften“ suchen.
Benutzeroberfläche
Ihre Terminalschnittstelle ist so konfiguriert, dass sie über verschiedene Optionen wie Explorer, Suche, Projektmanager und Ausgabe verfügt. Es verfügt außerdem über einen fußzeilenähnlichen Abschnitt, in dem Sie mehrere Details leicht finden und ändern können. In VS Code können Sie diese Registerkarten per Drag-and-Drop verschieben und nach Belieben neu anordnen. Sie können häufig verwendete Optionen weiter oben platzieren oder sie anpassen, um den Zugriff zu erleichtern. Das Anpassen der Benutzeroberfläche erleichtert die Navigation in Ihrem Arbeitsbereich.
Sprache
Wenn Sie eine neue Seite in Visual Studio Code erstellen, hat die Datei keinen Titel und Sie müssen diese Details selbst eingeben. Als nächstes müssen Sie zum Dateinamen gehen und die Erweiterung eingeben. Der Vorgang kann langwierig sein, insbesondere wenn es sich um eine große Anzahl von Dateien handelt.
Sie können den Prozess optimieren, indem Sie der IDE erlauben, die Dateien zu untersuchen. Anschließend verwenden Sie das oben beschriebene Benennungssystem, um die neu erstellten Dateien zu benennen.
Vorauszahlung
VS Code hat einige frustrierende Funktionen. Wenn Sie beispielsweise eine Datei in der Vorschau öffnen und unmittelbar danach eine andere Datei öffnen, ohne Änderungen an der ersten Datei vorzunehmen, schließt das Programm die erste Datei. Wenn Sie dies ändern und beide Dateien in der Vorschau geöffnet lassen möchten, gehen Sie zu „Einstellungen“ und suchen Sie nach „Vorschau aktivieren“. Aktivieren Sie das Kontrollkästchen, um die erforderlichen Änderungen vorzunehmen.
Neues PC-Setup
Möglicherweise haben Sie Ihren VS-Code-Arbeitsbereich nach Ihren Wünschen angepasst und angepasst, nur um einen neuen PC zu erhalten. Auch wenn eine neue Maschine großartig ist, kann es lästig sein, den Arbeitsplatz neu konfigurieren zu müssen.
Mit der Einstellungssynchronisierung können Sie alle Ihre Einstellungen an einem Ort speichern. Wenn Sie ein anderes Gerät erhalten, werden die Einstellungen des alten Geräts automatisch auf den neuen VS Code Workspace angewendet. Auf diese Weise müssen Sie Workspace auf Ihrem neuen PC nicht neu konfigurieren.
Wiedergabe öffnen
Mit dem Debuggen einer Webanwendung in der Produktion zu beginnen, kann herausfordernd und zeitaufwändig sein. Mit Öffnen Sie „Wiederholen“.können Sie alles, was Ihre Benutzer tun, überwachen und wiedergeben. So können Sie sehen, wie sich die App verhält, und eventuell auftretende Probleme erkennen. OpenReplay ist eine großartige Option, da es eine kostenlose und Open-Source-Alternative zu anderen Debugging-Anwendungen wie z Blockrakete Und Ganze Geschichte. Durch die Verwendung eines Debugging-Programms sparen Sie bei der Verwendung von Workspace viel Zeit.
GitHub
VS Code verfügt über eine integrierte Funktion GitHub Integration. Dadurch können Sie Ihre Dateien schnell auf GitHub übertragen. Wenn Sie über VS Code eine Verbindung zu GitHub herstellen, müssen Sie keine Zeit mit der Eingabe von Git-Befehlen verbringen. Die VS-Code-Integration vereinfacht die Verwaltung Ihrer Dateien.
Alle Ihre Ordner an einem Ort
Workspace macht es Ihrem Team leicht, organisiert zu bleiben. Dateien und Ordner können an einem einzigen Ort gespeichert werden, sodass sie per Knopfdruck geöffnet und angezeigt werden können. Der Arbeitsbereich kann auch optimiert werden, um die Effizienz zu verbessern und den Überblick über laufende Projekte zu behalten. Mit diesem Leitfaden sind Sie nun bestens gerüstet, um einen Arbeitsbereich in VS Code zu erstellen und ihn an Ihre Bedürfnisse anzupassen.
Haben Sie einen neuen Arbeitsbereich in VS Code eingerichtet? Teilen Sie uns in den Kommentaren unten mit, wie Sie Ihren Arbeitsbereich erstellt und optimiert haben.
