Übung: Erkunden der Visual Studio Code-Benutzeroberfläche
Visual Studio Code stellt Tools für Entwickler*innen bereit, die gerade erst am Anfang stehen, es ist aber auch erweiterbar und leistungsstark genug für professionelle Entwickler*innen.
In dieser Übung öffnen Sie Visual Studio Code und machen einen kurzen Rundgang durch die Benutzeroberfläche.
Öffnen von Visual Studio Code und Erkunden der Willkommensseite
Verwenden Sie das Windows-Startmenü, um Visual Studio Code zu suchen und zu öffnen.
Wenn Sie das Windows-Startmenü öffnen, sollte Visual Studio Code als kürzlich hinzugefügte Anwendung aufgeführt sein. Sie können auch nach unten scrollen, um Visual Studio Code zu finden.
Eine andere Möglichkeit ist, Visual Studio Code in das Windows Search-Feld in der Startleiste unten auf dem Bildschirm einzugeben.
Sie werden feststellen, dass Visual Studio Code eine Willkommensseite öffnet, die einige Links und andere Informationen enthält.
Wenn Sie Visual Studio Code zum ersten Mal öffnen, werden auf der Willkommensseite einige hilfreiche exemplarische Vorgehensweisen angezeigt wie z. B. Erste Schritte mit VS Code. Sie können sich diese Informationen zu einem anderen Zeitpunkt in Ruhe ansehen.
Um die Willkommensseite zu schließen, wählen Sie die Schaltfläche „Schließen“ aus (in der Benutzeroberfläche als X angezeigt).
Jede im Editor geöffnete Seite enthält eine Schaltfläche „Schließen“ (X), die sich rechts neben dem Seitentitel befindet. Die Registerkartenseite Willkommen wird im oberen linken Teil des Visual Studio Code-Fensters unterhalb des Hauptmenüs angezeigt. Wenn Sie mit dem Mauszeiger auf das X zeigen, wird das Wort Schließen eingeblendet.
Aktivitätsleiste und Seitenleiste
Beachten Sie, dass die Seitenleiste rechts neben der Aktivitätsleiste ausgeblendet ist.
Zur Erinnerung: Die Aktivitätsleiste ist die vertikale Liste der Symbole ganz links im Visual Studio Code-Fenster. Der Inhalt der Seitenleiste wird dadurch bestimmt, was derzeit in der Aktivitätsleiste ausgewählt ist.
Positionieren Sie den Mauszeiger über der Aktivitätsleiste, und zeigen Sie dann mit dem Mauszeiger auf jedes der Symbole, um die Bezeichnungen anzuzeigen.
Wenn Sie mit dem Mauszeiger auf die Symbole zeigen, wird eine Bezeichnung angezeigt. In der folgenden Abbildung sollten Sie die Schaltflächen der Aktivitätsleiste sehen:
Von oben nach unten lauten die Symbole der Aktivitätsleiste: Explorer, Suchen, Quellcodeverwaltung, Ausführen und Debuggen, Erweiterungen, Konten und Verwalten.
Wählen Sie auf der Aktivitätsleistedie Option Explorer aus.
Die Seitenleiste sollte geöffnet werden und kontextbezogene Informationen anzeigen.
Beachten Sie, dass die Seitenleiste jetzt als EXPLORER bezeichnet wird.
Beachten Sie, dass die EXPLORER-Ansicht verwendet wird, um auf Projektordner und Codedateien zuzugreifen bzw. diese zu erkunden.
Visual Studio Code wird sich an Ihren Arbeitsverlauf erinnern und öffnet die neuesten Projektdateien, wenn es geöffnet wird. Da dies das erste Mal ist, dass Sie Visual Studio Code öffnen, wird kein Projektordner geöffnet.
Wählen Sie auf der Aktivitätsleiste die Option Erweiterungen aus.
Beachten Sie, dass die Seitenleiste jetzt als ERWEITERUNGEN bezeichnet wird.
Nehmen Sie sich einen Moment Zeit, um die Informationen zu erkunden, die in der ERWEITERUNGEN-Ansicht angezeigt werden.
Mit Visual Studio Code-Erweiterungen können Sie der Umgebung Programmiersprachen, Debugger und andere Tools zur Unterstützung Ihres Entwicklungsworkflows hinzufügen. Später in diesem Modul werden Sie eine C#-Erweiterung installieren.
Wählen Sie auf der AktivitätsleisteErweiterungen aus, um die Seitenleiste ERWEITERUNGEN zu schließen.
Die Optionen des oberen Menüs
Um sich die Optionen im Datei-Menü anzeigen zu lassen, wählen Sie Datei aus.
Beachten Sie die Optionen Neu, Öffnen, Speichern und Schließen im Menü Datei.
Nehmen Sie sich einen Moment Zeit, um sich die Menüoptionen unter Bearbeiten und dann die anderen Menüelemente der obersten Ebene anzusehen.
Beachten Sie, dass einige der Menüs Optionen für die Interaktion mit Ihrem Code enthalten.
Zum Beispiel:
- Das Menü Bearbeiten enthält Optionen zum Suchen, Ersetzen und Umschalten von Codekommentaren sowie die Standardoptionen Ausschneiden, Kopieren, Einfügen, Rückgängig und Wiederholen.
- Das Auswahl-Menü enthält Optionen zum Auswählen und Bearbeiten von Codezeilen.
- Das Ausführen-Menü enthält Optionen zum Ausführen und Debuggen Ihrer Anwendung.
Wählen Sie im Menü Terminal die Option New Terminal (Neues Terminal) aus.
Nehmen Sie sich einen Moment Zeit, um sich den Inhalt des Terminal-Panels anzusehen.
Sie können zwischen den Registerkarten (PROBLEME, AUSGABE, DEBUGGING-KONSOLE und TERMINAL) wechseln und mit dem Mauszeiger auf die Schaltflächen (oben rechts) zeigen, um die Schaltflächenbezeichnungen anzuzeigen.
Sie werden feststellen, dass das Terminal-Panel eine Eingabeaufforderung enthält.
Im Terminal-Panel können Befehle der Befehlszeilenschnittstelle (CLI) ausgeführt werden. Sie werden im weiteren Verlauf dieses Moduls .NET CLI-Befehle verwenden.
Wählen Sie oben rechts im Terminal-Panel X (Panel schließen) aus.
Wählen Sie im Menü Ansicht die Option Befehlspalette aus.
Die Befehlspalette kann verwendet werden, um alle möglichen nützlichen Befehle zu finden und auszuführen. Es besteht weder die Notwendigkeit, noch haben Sie jetzt die Zeit, sich alle im Detail anzusehen, aber es ist gut zu wissen, wo die Befehlspalette zu finden ist.
Geben Sie in der Eingabeaufforderung Erweiterungen ein.
Beachten Sie, dass die Liste der Befehle basierend auf Ihrem Eintrag gefiltert wird.
Um die gefilterte Liste der Befehle zu aktualisieren, ändern Sie Erweiterungen zu Hilfe.
Wählen Sie in der Liste der Befehlsoptionen die Option Hilfe: Interaktiver Editor-Playground aus.
Das Editor Playground-Dokument, das im Editor geöffnet wird, enthält eine Liste interaktiver Aktivitäten.
Wählen Sie in der Liste interaktiver Aktivitäten die Option Formatierung aus.
Nehmen Sie sich eine Minute Zeit, um sich über die Formatierungsoptionen zu informieren.
Sie werden während der Aktivitäten, in denen Sie mehr über die C#-Programmierung lernen, Codeformatierungsbefehle verwenden.
Schließen Sie das Editor Playground-Dokument.
Hiermit ist Ihre Einführung in die Visual Studio Code-Benutzeroberfläche abgeschlossen. Wenn Sie mit dem Programmieren begonnen haben, finden Sie in den Schulungsmaterialien weitere Wege, wie Visual Studio Code Ihre Produktivität steigern kann.