Einrichten und Werkzeuge für WinUI

Willkommen bei der Windows-App-Entwicklung. Dieser Leitfaden führt Sie durch die schritte, die zum Erstellen Ihrer ersten App mit WinUI erforderlich sind. Außerdem werden Sie auf Ressourcen hingewiesen, die Ihnen helfen, mehr über die Windows-Entwicklung zu erfahren. Wenn Sie eine schrittweise Anleitung zum Einrichten Ihrer Entwicklerumgebung und zum Erstellen Ihrer ersten WinUI-App mit den neuesten Tools benötigen, lesen Sie WinUI 101.

1. Aktivieren des Entwicklermodus

Windows verfügt über einen speziellen Modus für Entwickler, der Sicherheitseinstellungen anpasst, sodass Sie die Apps ausführen können, an denen Sie arbeiten. Sie müssen den Entwicklermodus aktivieren, bevor Sie Ihre App mithilfe von Visual Studio erstellen, bereitstellen und testen können.

Tipp

Wenn Sie den Entwicklermodus jetzt nicht aktivieren, fordert Visual Studio Sie auf, sie zu aktivieren, wenn Sie versuchen, Ihre App zu erstellen.

So aktivieren Sie den Entwicklermodus:

• Öffnen Sie Windows-Einstellungen, und navigieren Sie zur Seite " System > erweitert ".
• Schalten Sie den Entwicklermodus in " Ein " um, und bestätigen Sie ihre Auswahl im Bestätigungsdialogfeld.

Weitere Informationen zum Entwicklermodus finden Sie unter Aktivieren Sie Ihr Gerät für die Entwicklung.

2. Installieren von Visual Studio und erforderlichen Workloads

Verwenden Sie visual Studio, die leistungsstarke IDE von Microsoft, um Ihre WinUI-App zu erstellen, zu debuggen und bereitzustellen. Es bietet sofort einsatzbereite Projektvorlagen für Windows und andere Plattformen, die Ihnen bei den ersten Schritten helfen.

Die kostenlose Visual Studio Community Edition enthält alles, was Sie zum Entwickeln von Apps benötigen. Größere Teams oder Unternehmen erfordern möglicherweise Professional - oder Enterprise-Editionen . Erfahren Sie mehr unter "Was ist Visual Studio? und Systemanforderungen für die Entwicklung von Windows-Apps".

WinGet

Installieren Sie die erforderlichen Tools und Workloads, indem Sie einen der folgenden Befehle in der Konsole ausführen.
Der Befehl öffnet das Visual Studio-Installationsprogramm, wobei fehlende Arbeitslasten zur Installation vorausgewählt sind — wählen Sie einfach Modifizieren aus, um sie zu installieren.

Wenn Es Ihnen lieber ist, können Sie community durch Professional oder Enterprise ersetzen, um diese Editionen zu installieren.

Für C#-App-Entwicklung

winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.ManagedDesktop Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cs" -s msstore

Für die C++-App-Entwicklung

winget install "Visual Studio Community 2022"  --override "--add Microsoft.VisualStudio.Workload.NativeDesktop  Microsoft.VisualStudio.ComponentGroup.WindowsAppSDK.Cpp"  -s msstore

Manuelle Installation

Verwenden Sie den folgenden Link, um das neueste Visual Studio herunterzuladen und zu installieren. Das Installationsprogramm führt Sie durch die Schritte, aber wenn Sie detaillierte Anweisungen benötigen, lesen Sie "Installieren von Visual Studio".

Visual Studio herunterladen

Erforderliche Workloads und Komponenten

Installieren Sie beim Installieren von Visual Studio die Workloads und Komponenten, die für die Entwicklung mit WinUI und dem Windows App SDK erforderlich sind. Nach der Installation können Sie die Visual Studio Installer-App öffnen und Modify auswählen, um Workloads und Komponenten hinzuzufügen.

Wählen Sie auf der Registerkarte Workloads der Visual Studio Installer-App die folgenden Workloads und Komponenten aus:

• Wählen Sie für die C#-App-Entwicklung mit dem Windows App SDK die WinUI-Anwendungsentwicklung aus.

• Wählen Sie für die C++-App-Entwicklung die C++-WinUI-App-Entwicklungstools unter dem WinUI-Anwendungsentwicklungsknoten im Bereich "Installationsdetails" aus (Dadurch werden auch alle zusätzlichen erforderlichen Komponenten ausgewählt.)

Hinweis

In Visual Studio 17.10 - 17.12 wird diese Workload als Windows-Anwendungsentwicklung bezeichnet.

3. Erstellen und starten Sie Ihre erste WinUI-Anwendung

Visual Studio-Projektvorlagen enthalten alle Dateien, die Sie zur schnellen Erstellung Ihrer Anwendung benötigen. Nachdem Sie Ihr Projekt aus einer WinUI-App-Vorlage erstellt haben, verfügen Sie bereits über eine App, die Sie ausführen können, und fügen Sie dann Ihren Code hinzu.

So erstellen Sie ein neues Projekt mithilfe der Projektvorlage "WinUI C# Leere App":

1. Öffnen Sie Visual Studio und wählen Sie auf der Startseite Neues Projekt erstellen. (Wenn Visual Studio bereits im Editor geöffnet ist, wählen Sie Datei>Neu>Projekt):

2. WinUI suchen und wählen Sie die WinUI Blank App (Packaged) C#-Projektvorlage aus, und wählen Sie dann Weiter aus:

3. Geben Sie einen Projektnamen an, und wählen Sie dann "Erstellen" aus. Sie können optional einen Lösungsnamen und ein Verzeichnis angeben oder die Standardeinstellungen beibehalten. In diesem Bild gehört das Hello World Projekt zu einer Lösung Hello World, die sich in C:\Projects\ befindet:

   Hinweis

   Wenn Sie dieses Projekt verwenden möchten, um die vollständige App im Abschnitt "Nächste Schritte" zu erstellen, nennen Sie das Projekt WinUINotes.

4. Wählen Sie die Schaltfläche " Start " zum Debuggen aus, um Ihr Projekt zu erstellen und auszuführen:
   
   Ihr Projekt wird erstellt, auf Ihrem lokalen Computer bereitgestellt und im Debugmodus ausgeführt:
   

5. Um das Debuggen zu beenden, schließen Sie das App-Fenster, oder wählen Sie die Schaltfläche "Beenden" in Visual Studio aus.

Herzlichen Glückwunsch, Sie haben gerade Ihre erste WinUI-App erstellt! Fahren Sie mit den folgenden Schritten fort, um weitere Informationen zu erhalten.

Nächste Schritte

Erstellen Ihrer ersten Notetaking-App mit WinUI

• Um eine Vorstellung davon zu erhalten, was WinUI bietet, schauen Sie sich die WinUI Gallery-App an.

  Die App WinUI 3 Gallery beinhaltet interaktive Beispiele für die meisten WinUI 3-Steuerelemente, -Features und -Funktionen. Laden Sie die App aus dem Microsoft Store herunter, oder rufen Sie den Quellcode auf GitHub ab

• Erfahren Sie mehr über WinUI-Grundlagen.
• Erkunden Sie die Grundsätze von Fluent Design .
• Unter finden Sie Beispiele und Tools, die Ihnen helfen, Anwendungen effizienter zu entwickeln.