Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
In dieser Schnellstartanleitung erkunden Sie die Visual Studio integrierten Entwicklungsumgebung (Integrated Development Environment, IDE). Dieser Artikel enthält eine 5-10-minütige Einführung, mit der Sie sich mit den Fenstern, Menüs und anderen Features vertraut machen können, die für die JavaScript-Entwicklung verfügbar sind.
Wenn Sie nicht über Visual Studio verfügen, können Sie die free-Testversion installieren auf der Seite Visual Studio Downloads.
Verwenden des Startfensters
Das erste, was nach dem Starten Visual Studio angezeigt wird, ist das Start Window. Das Startfenster ist so konzipiert, dass Sie schneller zum Code gelangen können. Es gibt Optionen zum Klonen oder Auschecken von Code, Öffnen eines vorhandenen Projekts oder einer vorhandenen Projektmappe, Erstellen eines neuen Projekts oder Öffnen eines Ordners mit Codedateien.
Wenn Sie bereits in Visual Studio arbeiten, können Sie das Startfenster öffnen, indem Sie File>StartFenster auswählen.
Wenn Sie noch nicht mit Visual Studio arbeiten, sind Ihre Liste der zuletzt verwendeten Projekte möglicherweise leer.
Wenn Sie mit nicht MSBuild-basierten Codebasen arbeiten, verwenden Sie die Option Open a folder, um ihren Code in Visual Studio zu öffnen. Weitere Informationen finden Sie unter Entwickeln von Code in Visual Studio ohne Projekte oder Lösungen. Andernfalls können Sie ein neues Projekt erstellen oder ein Projekt von einem Quellanbieter wie GitHub oder Azure DevOps klonen.
Wenn Sie mit nicht-MSBuild-basierten Codebasen arbeiten, verwenden Sie die Option "Lokalen Ordner öffnen", um Ihren Code in Visual Studio zu öffnen. Weitere Informationen finden Sie unter Entwickeln von Code in Visual Studio ohne Projekte oder Lösungen. Andernfalls können Sie ein neues Projekt erstellen oder ein Projekt von einem Quellanbieter wie GitHub oder Azure DevOps klonen.
Wenn Sie Visual Studio starten, enthält das Startfenster die Option Continue ohne Code. Mit dieser Aktion können Sie die Visual Studio Entwicklungsumgebung öffnen, ohne dass ein bestimmtes Projekt oder Code geladen wurde. Sie können diese Option verwenden, um an einer Live Share-Sitzung teilzunehmen oder eine Verbindung mit einem Prozess zum Debuggen herzustellen. Sie können auch die ESC-TASTE auswählen, um das Startfenster zu schließen und die IDE zu öffnen.
Erstellen eines Projekts
Um die Features Visual Studio weiter zu erkunden, erstellen Sie ein neues Projekt. Visual Studio bietet verschiedene Arten von Projektvorlagen, mit denen Sie schnell mit dem Programmieren beginnen können.
Wählen Sie im Startfenster "Neues Projekt erstellen" aus. Das Fenster wird aktualisiert, um Optionen zum Erstellen des neuen Projekts anzuzeigen.
Geben Sie im Feld "Nach Vorlagen suchen " javascript oder typescript ein.
Ihr Eingabetext filtert die Liste der Projekttypen, um Vorlagen anzuzeigen, die "JavaScript" oder "TypeScript" in ihrem Namen oder Sprachtyp enthalten.
Wählen Sie die JavaScript Express Application-Projektvorlage und dann "Weiter" aus.
Übernehmen Sie im Fenster "Neues Projekt konfigurieren" den Standardprojektnamen, und wählen Sie "Erstellen" aus.
Visual Studio erstellt das Projekt und öffnet es in der IDE. Die Dateien und Ordner für das Projekt sind in Projektmappen-Explorer sichtbar.
Durchsuchen Ihres Projekts in Projektmappen-Explorer
Der bereich Projektmappen-Explorer wird in der Regel auf der rechten Seite des Visual Studio-IDE geöffnet. In diesem Fenster wird eine grafische Darstellung der Hierarchie von Dateien und Ordnern in Ihrem Projekt, ihrer Projektmappe oder ihrem Codeordner angezeigt.
Sie können die Hierarchie durchsuchen, nach einer bestimmten Datei oder einem bestimmten Ordner suchen und eine Datei auswählen, um sie zu öffnen.
Öffnen von Dateien im Code-Editor
Wählen Sie in Projektmappen-Explorer die Datei app.js aus, um die Datei im Fenster Editor zu öffnen. Der Editor zeigt den Inhalt von Dateien an und ist der Ort, an dem Sie die meisten Codierungsarbeiten in Visual Studio ausführen.
Erkunden der Hauptmenüs
Die Menüleiste am oberen Rand der Visual Studio-IDE bietet schnellen Zugriff auf Gruppen von Befehlen, die nach Kategorie angeordnet sind. Das Menü "Projekt " enthält beispielsweise Befehle im Zusammenhang mit dem Projekt, in dem Sie arbeiten. Im Menü "Extras " können Sie anpassen, wie sich Visual Studio verhält, indem Sie "Optionen" auswählen oder Ihrer Installation Features hinzufügen, indem Sie " Extras und Features abrufen" auswählen.
Wählen Sie "Ansicht" aus, um die Liste der ansichtsbezogenen Befehle anzuzeigen, und wählen Sie dann "Fehlerliste" aus, um das Fenster " Fehlerliste " zu öffnen.
Überprüfen von Fehlern und Warnungen in der Fehlerliste
In der Fehlerliste werden Fehler, Warnungen und Meldungen zum aktuellen Status Des Codes angezeigt. Wenn fehler (z. B. eine fehlende Klammer oder ein Semikolon) in Ihrer Datei oder an einer beliebigen Stelle in Ihrem Projekt vorhanden sind, werden sie hier aufgeführt.
Überprüfen Sie Buildmeldungen im Ausgabefenster.
Im Ausgabefenster werden die Ausgabemeldungen vom Erstellen Ihres Projekts und von Ihrem Quellcodeverwaltungsanbieter angezeigt.
Erstellen Sie Ihr neues Projekt, damit Sie die Buildmeldungen im Ausgabefenster erkunden können. Wählen Sie in der Menüleiste Build>Build Solution aus.
Das Ausgabefenster erhält automatisch den Fokus und zeigt eine erfolgreiche Buildmeldung an.
Suchen nach Befehlen und Features
Das Suchfeld ist eine schnelle und einfache Möglichkeit, die meisten Aktionen in Visual Studio auszuführen. Sie können Text eingeben, der sich auf die gewünschte Aktion bezieht, und die Suchergebnisse zeigen eine Liste der Optionen im Zusammenhang mit Ihrem Eingabetext an.
Angenommen, Sie möchten den Ausführlichkeitsgrad der Build-Ausgabe erhöhen, um mehr Details darüber zu sehen, was beim Build passiert. Sie können die folgenden Schritte ausführen:
- Wenn das Suchfeld nicht angezeigt wird, verwenden Sie die Tastenkombination STRG+Q . Geben Sie im Suchfeld Ausführlichkeit ein.
Doppelklicken Sie in der Ergebnisliste auf den Eintrag Ausführlichkeit der Buildausgabe von MSBuild-Projekten (projectsAndSolutions.buildAndRun.outputVerbosity).
Der Bereich "Optionen " wird im Abschnitt "Alle Einstellungen>projekte und Lösungen>erstellen und ausführen " geöffnet.
Verwenden Sie die Dropdownliste und legen Sie die Option MSBuild-Projektbuild-Ausführlichkeit auf Normal fest.
Doppelklicken Sie in der Ergebnisliste auf den Eintrag MSBuild-Ausführlichkeit ändern (Projekte und Lösungen > Erstellen und Ausführen).
Das Dialogfeld "Optionen " wird im Abschnitt "Projekte und Lösungen>erstellen und ausführen " geöffnet.
Verwenden Sie das Dropdownmenü, und legen Sie die Option Ausführlichkeit der MSBuild-Projekterstellungsausgabe auf Normal fest, und wählen Sie OK aus.
Erstellen Sie das Projekt erneut, indem Sie im Kontextmenü mit der rechten Maustaste auf das Projekt in Projektmappen-Explorer klicken und Rebuild auswählen.
Dieses Mal zeigt das Ausgabefenster ausführlichere Protokolle des Buildprozesses an.
Feedback senden
Wenn während der Verwendung von Visual Studio Probleme auftreten oder Sie Vorschläge zur Verbesserung des Produkts haben, können Sie das Menü Send Feedback oben im fenster Visual Studio verwenden.
