Installieren Sie Visual Studio, und erfahren Sie mehr darüber.

Abgeschlossen

Installation von und erste Schritte mit Visual Studio

Visual Studio ist eine integrierte Entwicklungsumgebung (IDE), mit der Apps für Windows, das Web und andere Plattformen entwickelt werden können. Sie besteht aus einem Quellcode-Editor, einem Designer, einem Compiler und einem Debugger.

Es gibt drei Editionen von Visual Studio 2022: Community, Professional und Enterprise. Visual Studio Community ist kostenlos und die Edition, die in diesem Modul verwendet wird.

Hinweis

Die in diesem Modul verwendeten Abbildungen können abweichen, wenn Sie die Professional- oder die Enterprise-Edition verwenden.

Herunterladen und Installieren von Visual Studio. Im Modul Einführung in Windows 10 finden Sie detailliertere Anweisungen und einige automatisierte Skripts.

Hinweis

Verwechseln Sie Visual Studio – eine umfassende IDE für die .NET- und C#-Entwicklung – nicht mit Visual Studio Code. Visual Studio Code ist ein eigenständiger, schlanker Code-Editor mit einem Plug-In-Ökosystem, der sich ideal für die Webentwicklung eignet.

Visual Studio ist auch für Mac verfügbar. Dieses Modul deckt die Entwicklung mit Mac nicht ab. Informationen dazu finden Sie unter Visual Studio für Mac.

Installieren oder Aktualisieren von Visual Studio

Bevor Sie beginnen, müssen Sie Visual Studio installieren. Überprüfen Sie, ob Sie die neueste Version verwenden, indem Sie den Visual Studio-Installer ausführen:

  1. Öffnen Sie das Startmenü,und wählen Sie Visual Studio-Installer aus.
  2. Wählen Sie die Schaltfläche Aktualisieren aus, wenn sie angezeigt wird. Visual Studio wird heruntergeladen, und die neueste Version wird installiert.

Screenshot showing Visual Studio Installer. The update button is highlighted.

Einige Definitionen

Projekt

Projekte enthalten Quellcode wie z. B. C#- und XAML-Dateien. Projekte enthalten auch Ressourcen wie Bild- und Tondateien sowie weitere Visual Studio-Informationen.

Lösung

Eine Projektmappe kann mehrere Projekte beinhalten. Möglicherweise verwendet Ihre App ein anderes Projekt für einige Schlüsselfunktionen oder wird auf verschiedenen Gerätetypen ausgeführt und muss daher auf unterschiedliche Weise kompiliert werden. Projektmappen führen alle Ihre Projekte an einem Ort zusammen.

IntelliSense

IntelliSense zeigt Informationen zu Ihrem Code direkt im Editor an. Im Wesentlichen bietet das Feature eine Inlinedokumentation, wodurch die Notwendigkeit entfällt, Referenzinformationen an anderer Stelle nachzuschlagen. In einigen Fällen kann dieses Feature sogar kleine Codebits für Sie schreiben.

Kurzer Überblick über Visual Studio

Die folgende Abbildung zeigt ein Beispiel für die Visual Studio-Benutzeroberfläche mit einer geöffneten Projektmappe.

Screenshot of the Visual Studio user-interface in editor view. The main features are labeled.

Im Projektmappen-Explorer können Sie Dateien anzeigen, darin navigieren und sie verwalten. Organisieren Sie Ihren Code, indem Sie Dateien in Projektmappen und Projekten gruppieren.

Das Editor-Fenster ist der Ort, an dem Sie Code bearbeiten und Benutzeroberflächen entwerfen (z. B. ein Fenster mit Schaltflächen und Textfeldern). Es kann auch verwendet werden, um den Inhalt von Dateien anzuzeigen.

Das Ausgabefenster zeigt Benachrichtigungen aus verschiedenen Nachrichtenquellen auf separaten Registerkarten an (Debugging- und Fehlermeldungen, Compilerwarnungen, Veröffentlichungs- und Statusmeldungen sowie weitere Benachrichtigungen).

Im Team Explorer können Sie Arbeitselemente nachverfolgen und Code mithilfe von Technologien für die Versionskontrolle (z. B. Git) mit anderen Personen teilen.

Die vorherige Abbildung zeigt ein Beispiel mit C#-Code. Sie können auch das Editor-Fenster verwenden, um das Aussehen Ihrer App zu entwerfen. Wenn Sie eine XAML-Datei auswählen, z. B. MainPage.xaml, wird Folgendes angezeigt:

Screenshot of Visual Studio user-interface in design view.

Zeigen Sie eine Vorschau Ihrer Benutzeroberfläche im oberen Fenster zusammen mit dem XAML-Code an, der verwendet wird, um sie zu definieren. Sie können mithilfe der Pfeilschaltfläche zwischen den Ansichten wechseln. Die Pfeilschaltfläche befindet sich an der Grenze zwischen den Ansichten „Entwurf“ und „Code“ zwischen den Wörtern Entwurf und XAML. Die Vorschau ändert sich, wenn Sie die XAML-Datei ändern und umgekehrt.

Öffnen Sie in dieser Ansicht die Toolbox, wählen Sie die gewünschten Steuerelemente aus, und ziehen Sie die Elemente in Ihr App-Fenster.

Wichtig

Wenn Sie Änderungen am XAML-Code vornehmen, die Formatierungsregeln verletzen – wenn Sie z. B. den Namen eines Steuerelements falsch schreiben oder ein schließendes Tag (>) vergessen –, zeigt die Entwurfsansicht die Meldung Ungültiges Markup an. Sie können dann keine Vorschau anzeigen.

Wenn Sie nicht wissen, wie Sie den Fehler beheben sollen, können Sie Ihre Aktionen durch Auswählen von Bearbeiten>Rückgängig schrittweise rückgängig machen, bis die Vorschau wieder funktioniert.

Erstellen eines Projekts mit Visual Studio

Visual Studio ist nun einsatzbereit und wird ausgeführt. Sie haben sich mit der Umgebung vertraut gemacht und können ein Projekt erstellen, um zu testen, ob alles funktioniert.

  1. Öffnen Sie Visual Studio. Ein Visual Studio 2022-Fenster wird angezeigt. Wählen Sie Neues Projekt erstellen aus.

    Screenshot of the Visual Studio 2022 start window. The Create a new project option is highlighted.

  2. Geben Sie Universelles Windows in das Suchfeld ein, und wählen Sie Leere App (universelles Windows) und dann Weiter aus.

    Screenshot of the Create a new project window. The search bar contains the text Windows Universal and is highlighted along with the correct template.

  3. Geben Sie im Bildschirm Neues Projekt konfigurieren den Namen Hallo Welt für Ihre App ein, behalten Sie die Standardwerte für Speicherort und Projektmappenname bei, und wählen Sie Erstellen aus.

  4. Legen Sie die Mindestversion auf Windows 10, Version 1809 oder höher fest. Wählen Sie OK aus.

    Screenshot of the new Windows project screen. The minimum version Windows 10, version 1809 is selected and highlighted.

    Ihr Projekt wird erstellt. Ihr Projekt ist nicht leer – einige Dateien und Einstellungen werden automatisch für Sie generiert.

  5. Überprüfen Sie Ihre Debugeinstellungen auf der Menüleiste. Sie sollten auf Debuggen und x86 festgelegt werden.

    Screenshot showing the Visual Studio menu bar. The required debug settings are highlighted in green and the run button is highlighted in red.

  6. Wählen Sie die Schaltfläche mit dem grünen Dreieck zum Ausführen aus, um Ihre App zu kompilieren und auszuführen. Sie können auch die Taste F5 drücken.

    Screenshot showing the Visual Studio menu bar. The run button, represented by a green triangle, is highlighted.

  7. Ein großes leeres Fenster wird mit dem Text Hello World angezeigt. Dieser Bildschirm ist eine Vorschau Ihrer App, wenn diese ausgeführt wird.

    Screenshot of the running Hello World app built in this unit. The debug toolbar is also shown.

    Hinweis

    Das blaue Rechteck am oberen Rand Ihres App-Fensters ist ein Visual Studio-Tool, das Sie beim Debuggen unterstützt. Es wird in Ihrer endgültigen App nicht angezeigt.

  8. Schließen Sie Ihre App, oder wählen Sie auf der Menüleiste die Schaltfläche mit dem roten Quadrat zum Beenden aus, um die Ausführung zu beenden.

    Screenshot showing the Visual Studio menu bar. The stop button, represented by a red square, is highlighted.