Installation och verktyg för WinUI

Välkommen till Utveckling av Windows-appar. Den här guiden tar dig igenom de steg som krävs för att börja skapa din första app med WinUI. Det kommer också att peka dig på resurser som hjälper dig att lära dig mer om Windows-utveckling.

1. Aktivera utvecklarläge

Windows har ett särskilt läge för utvecklare som justerar säkerhetsinställningarna så att du kan köra de appar som du arbetar med. Du måste aktivera utvecklarläge innan du kan skapa, distribuera och testa din app med hjälp av Visual Studio.

Tips/Råd

Om du inte aktiverar utvecklarläge nu uppmanar Visual Studio dig att aktivera det när du försöker skapa din app.

Så här aktiverar du utvecklarläge:

• Öppna Windows-inställningar och gå till sidan System > avancerat .
• Växla till På i utvecklarläge och bekräfta ditt val i bekräftelsedialogrutan.

Mer information om utvecklarläge finns i Inställningar för utvecklare.

2. Installera Visual Studio och nödvändiga komponenter

Använd Visual Studio, Microsofts kraftfulla IDE, för att skapa, felsöka och distribuera din WinUI-app. Den erbjuder färdiga projektmallar för Windows och andra plattformar som hjälper dig att komma igång snabbt.

Den kostnadsfria Visual Studio Community Edition innehåller allt du behöver för att utveckla appar. Större team eller företag kan kräva Professional - eller Enterprise-utgåvor . Läs mer i Vad är Visual Studio? och systemkrav för utveckling av Windows-appar.

WinGet

Installera de verktyg och arbetsbelastningar som krävs genom att köra något av följande kommandon i konsolen.
Kommandot öppnar Visual Studio Installer med eventuella saknade arbetsbelastningar förvalda – välj bara Ändra för att installera dem.

Om du vill kan du ersätta Community med Professional eller Enterprise för att installera dessa utgåvor i stället.

För utveckling av C#-appar

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

För utveckling av C++-appar

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

Manuell installation

Använd följande länk för att ladda ned och installera den senaste Visual Studio. Installationsprogrammet vägleder dig genom stegen, men om du behöver detaljerade instruktioner kan du läsa Installera Visual Studio.

Ladda ned Visual Studio

Nödvändiga arbetsbelastningar och komponenter

När du installerar Visual Studio installerar du de arbetsbelastningar och komponenter som krävs för utveckling med WinUI och Windows App SDK. Efter installationen kan du öppna Visual Studio Installer-appen och välja Ändra för att lägga till arbetsbelastningar och komponenter.

På fliken Arbetsbelastningar i Visual Studio Installer-appen väljer du följande arbetsbelastningar och komponenter:

• För C#-apputveckling med hjälp av Windows App SDK väljer du WinUI-programutveckling.

• För utveckling av C++-appar väljer du C++ WinUI-apputvecklingsverktygen under noden WinUI-programutveckling i fönstret Installationsinformation (Detta väljer även eventuella ytterligare nödvändiga komponenter.)

Anmärkning

I Visual Studio 17.10 – 17.12 kallas den här arbetsbelastningen för Windows-programutveckling.

3. Skapa och starta din första WinUI-app

Visual Studio-projektmallar innehåller alla filer som du behöver för att snabbt skapa din app. När du har skapat projektet från en WinUI-appmall har du redan en app som du kan köra och sedan lägga till koden i.

Så här skapar du ett nytt projekt med hjälp av projektmallen WinUI C# Blank App:

1. Öppna Visual Studio och välj Skapa ett nytt projekt på startsidan. (Om Visual Studio redan är öppet för redigeraren väljer du Arkiv>Ny>Projekt):

2. Sök WinUI efter och välj WinUI Blank App (Packaged) C#-projektmallen och välj sedan Nästa:

3. Ange ett projektnamn och välj sedan Skapa. Du kan också ange ett lösningsnamn och en katalog eller lämna standardinställningarna. I den Hello World här bilden tillhör projektet en Hello World lösning som finns i C:\Projects\:

   Anmärkning

   Om du vill använda det här projektet för att skapa den fullständiga appen i avsnittet Nästa steg ger du projektet WinUINotesnamnet .

4. Välj knappen Felsöka "Start" för att skapa och köra projektet:
   
   Projektet kommer att byggas, distribueras till din lokala dator och köras i felsökningsläge:
   

5. Om du vill sluta felsöka stänger du appfönstret eller väljer knappen "Stoppa" i Visual Studio.

Grattis, du har precis skapat din första WinUI-app! Fortsätt med nästa steg nedan för att utforska mer.

Nästa steg

Skapa din första anteckningsapp med WinUI

• Om du vill få en uppfattning om vad WinUI erbjuder kan du titta på WinUI Gallery-appen.

  WinUI 3-galleriappen innehåller interaktiva exempel på de flesta WinUI 3-kontroller, funktioner och funktioner. Hämta appen från Microsoft Store eller hämta källkoden på GitHub

• Läs mer om grunderna i WinUI.
• Utforska Fluent Design-principer .
• Hitta exempel och verktyg som hjälper dig att utveckla appar mer effektivt.