Installieren Sie Visual Studio, und erfahren Sie mehr darüber.
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:
- Öffnen Sie das Startmenü,und wählen Sie Visual Studio-Installer aus.
- Wählen Sie die Schaltfläche Aktualisieren aus, wenn sie angezeigt wird. Visual Studio wird heruntergeladen, und die neueste Version wird installiert.
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.
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:
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.
Öffnen Sie Visual Studio. Ein Visual Studio 2022-Fenster wird angezeigt. Wählen Sie Neues Projekt erstellen aus.
Geben Sie Universelles Windows in das Suchfeld ein, und wählen Sie Leere App (universelles Windows) und dann Weiter aus.
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.
Legen Sie die Mindestversion auf Windows 10, Version 1809 oder höher fest. Wählen Sie OK aus.
Ihr Projekt wird erstellt. Ihr Projekt ist nicht leer – einige Dateien und Einstellungen werden automatisch für Sie generiert.
Überprüfen Sie Ihre Debugeinstellungen auf der Menüleiste. Sie sollten auf Debuggen und x86 festgelegt werden.
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.
Ein großes leeres Fenster wird mit dem Text Hello World angezeigt. Dieser Bildschirm ist eine Vorschau Ihrer App, wenn diese ausgeführt wird.
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.
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.