Untersuchen der Visual Studio Code-Benutzeroberfläche
Im Grunde ist Visual Studio Code ein Code-Editor mit einer Benutzeroberfläche und einem Layout, das dem vieler anderer Code-Editoren ähnelt. Auf der linken Seite der Schnittstelle befindet sich eine Seitenleiste, die Sie für den Zugriff auf die Dateien und Ordner in Ihrem Codeprojekt verwenden. Auf der rechten Seite befindet sich ein Editorbereich, in dem der Inhalt der Anwendungsdateien angezeigt wird.
Untersuchen der wichtigsten Bereiche der Benutzeroberfläche
Das folgende Diagramm zeigt die sechs wichtigsten Bereiche der Benutzeroberfläche von Visual Studio Code.
A - Die Aktivitätsleiste ist die schmale vertikale Leiste auf der linken Seite des Fensters. Über die Aktivitätsleiste können Sie zwischen Ansichten (z. B. Explorer oder Erweiterungen) wechseln und erhalten weitere kontextspezifische Indikatoren.
B – Die Seitenleiste enthält Ansichten, welche Werkzeuge und Ressourcen bereitstellen. Die Seitenleistenansichten (z. B. EXPLORER) sind beim Arbeiten an einem Codeprojekt sehr hilfreich.
C – Der Editor ist der Bereich, der zum Bearbeiten Ihrer Dateien verwendet wird. Sie können beliebig viele Editoren vertikal und horizontal nebeneinander öffnen.
D – Der Bereich "Panel" wird verwendet, um verschiedene Bereiche unterhalb des Editorbereichs für Ausgabe- oder Debuginformationen, Fehler und Warnungen oder ein integriertes Terminal anzuzeigen.
E – Die Statusleiste ist die horizontale Leiste am unteren Rand des Fensters, die Informationen zum geöffneten Projekt und zu den von Ihnen bearbeiteten Dateien anzeigt.
F – Das Hauptmenü ist die Menüschnittstelle am oberen Rand des Anwendungsfensters. Mit den Menüoptionen können Sie Ihren Code speichern, bearbeiten und ausführen (und vieles mehr).
Wenn Sie mit Visual Studio Code vertrauter sind, arbeiten Sie in den beschriebenen Bildschirmbereichen. Zunächst befassen Sie sich jedoch nur mit der Aktivitätsleiste, der Seitenleiste und dem Editor. Auf der Aktivitätsleiste wählen Sie die Aktivität aus, die Sie ausführen möchten. In der Seitenleiste werden Tools und Optionen angezeigt, und der Editor zeigt die Informationen an, die Sie bearbeiten – in der Regel Ihren Code.