Dela via


Titta på Visual Studio IDE

I den här introduktionen till Den integrerade utvecklingsmiljön i Visual Studio (IDE) tar du en rundtur i några av fönstren, menyerna och andra gränssnittsfunktioner.

Om du vill utveckla någon typ av app eller lära dig ett språk arbetar du i Visual Studio Integrated Development Environment (IDE). Förutom kodredigering samlar Visual Studio IDE grafiska designers, kompilatorer, verktyg för kodkomplettering, källkontroll, tillägg och många fler funktioner på ett och samma ställe.

Ladda ned och installera

Kom igång genom att ladda ned Visual Studio och installera det i systemet.

I Visual Studio Installer väljer och installerar du arbetsbelastningar, som är grupper av funktioner som du behöver för de programmeringsspråk eller plattformar du vill använda. Följ den här artikeln genom att välja arbetsbelastningen .NET Desktop Development under installationen.

Skärmbild av den arbetsbelastning för .NET-skrivbordsutveckling som valts i Visual Studio Installer.

Om du redan har Visual Studio kan du lägga till arbetsbelastningen för .NET-skrivbordsutveckling på följande sätt:

  • Starta Installationsprogrammet för Visual Studio.
  • Om du uppmanas att göra det kan du låta installationsprogrammet uppdatera sig själv.
  • Om en uppdatering för Visual Studio är tillgänglig visas en uppdateringsknapp . Välj den som ska uppdateras innan du ändrar installationen.
  • Leta upp din Visual Studio-installation och välj knappen Ändra .
  • Om du inte redan har valt det väljer du arbetsbelastningen .NET-skrivbordsutveckling och väljer knappen Ändra . Annars stänger du bara dialogrutan.

Startfönster

Det första du ser när du har öppnat Visual Studio är startfönstret. Den har alternativ för att klona eller checka ut kod, öppna ett befintligt projekt eller en befintlig lösning, skapa ett nytt projekt eller helt enkelt öppna en mapp som innehåller vissa kodfiler.

Skärmbild av startfönstret i Visual Studio 2019.

Om det här är första gången du använder Visual Studio är din senaste projektlista tom.

Använd alternativet Öppna en lokal mapp för att öppna koden i Visual Studio för att utveckla kod utan projekt eller lösningar. Annars kan du skapa ett nytt projekt eller klona en lagringsplats från en källprovider, till exempel GitHub eller Azure DevOps.

Använd alternativet Fortsätt utan kod för att öppna Visual Studio-utvecklingsmiljön utan att något specifikt projekt eller kod läses in. Du kan välja det här alternativet för att ansluta till en Live Share-session eller ansluta till en process för felsökning. Du kan också trycka på Esc för att stänga startfönstret och öppna IDE:t.

Startfönster

Det första du ser när du har öppnat Visual Studio är startfönstret. Den har alternativ för att klona eller checka ut kod, öppna ett befintligt projekt eller en befintlig lösning, skapa ett nytt projekt eller helt enkelt öppna en mapp med kodfiler.

En kommenterad skärmbild som visar startfönstret i Visual Studio 2022.

Om det här är första gången du använder Visual Studio är din senaste projektlista tom.

Använd alternativet Öppna en lokal mapp för att öppna koden i Visual Studio för att utveckla kod utan projekt eller lösningar. Annars kan du skapa ett nytt projekt eller klona en lagringsplats från en källprovider, till exempel GitHub eller Azure DevOps.

Använd alternativet Fortsätt utan kod för att öppna Visual Studio-utvecklingsmiljön utan att något specifikt projekt eller kod läses in. Du kan välja det här alternativet för att ansluta till en Live Share-session eller ansluta till en process för felsökning. Du kan också trycka på Esc för att stänga startfönstret och öppna IDE:t.

Skapa projektet

Om du vill utforska Visual Studio-funktionerna ska vi skapa ett nytt projekt.

  1. Starta Visual Studio och välj Skapa ett nytt projekt.

    Skärmbild av fönstret Skapa ett nytt projekt i Visual Studio 2019.

    Fönstret Skapa ett nytt projekt öppnas och visar flera projektmallar. En mall innehåller de grundläggande filer och inställningar som krävs för en viss projekttyp.

    Här kan du söka, filtrera och välja en projektmall. Den visar också en lista över dina nyligen använda projektmallar.

  2. I fönstret Skapa ett nytt projekt skriver du konsolen i sökrutan för att filtrera listan över projekttyper. Förfina sökresultaten ytterligare genom att välja C# (eller något annat språk du väljer) i listrutan Alla språk .

    Skärmbild av fönstret Skapa ett nytt projekt i Visual Studio 2019, där du väljer den mall som du vill använda.

  3. Om du har valt C# väljer du mallen Konsolprogram och väljer sedan Nästa. (Om du har valt ett annat språk väljer du bara valfri mall. Användargränssnittet liknar alla programmeringsspråk.)

  4. I fönstret Konfigurera det nya projektet godkänner du standardprojektets namn och plats och väljer sedan Nästa.

    Skärmbild av fönstret

  5. I fönstret Ytterligare information kontrollerar du att .NET Core 3.1 visas i den nedrullningsbara menyn Target Framework och väljer sedan Skapa.

    Skärmbild av fönstret Ytterligare information i Visual Studio 2019, där du väljer den version av .NET Core Framework som du vill använda.

  6. Projektet skapas och läses in i Visual Studio.

Grundläggande layout

  • Ta en titt på innehållet i projektet med Solution Explorer, som visar en grafisk representation av hierarkin med filer och mappar i din projekt-, lösnings- eller kodmapp.

  • Du kan bläddra i hierarkin och välja en fil för att öppna den i redigeraren. En fil med namnet Program.cs öppnas i redigeringsfönstret . Redigeraren visar innehållet i filer och det är där du gör det mesta av ditt kodningsarbete i Visual Studio.

    Skärmbild som visar redigeringsfönstret i Visual Studio 2019.

  • Menyraden längst upp i Visual Studio grupperar kommandon i kategorier. Projektmenyn innehåller till exempel kommandon som är relaterade till det projekt som du arbetar i. På menyn Verktyg kan du anpassa hur Visual Studio fungerar genom att välja Alternativ eller lägga till funktioner i installationen genom att välja Hämta verktyg och funktioner.

    Skärmbild som visar menyraden i Visual Studio 2019.

  • Få sammanhangsberoende hjälp genom att trycka på F1 medan musmarkören är på ett nyckelord eller när du har valt ett nyckelord. Välj till exempel konsolen och tryck på F1 för att gå till dokumentationen i konsolklassen.

  • Visual Studio har utmärkt tangentbordstillgänglighet. Den stöder en matris med inbyggda kortkommandon för att utföra åtgärder snabbt. > Använd hjälpreferensen för kortkommando för att se listan över kortkommandon.

  • Fellistan visar fel, varningar och meddelanden om kodens aktuella tillstånd. Om det finns fel (t.ex. en klammerparentes eller semikolon) i filen eller någonstans i projektet visas de här. Om du vill öppna fönstret Fellista väljer du menyn Visa och väljer sedan Fellista.

    Skärmbild av fellistan i Visual Studio 2019.

  • Sökrutan (Ctrl + Q) längst upp är ett snabbt och enkelt sätt att hitta nästan vad som helst i Visual Studio. Du kan ange text som är relaterad till vad du vill göra, och den visar en lista med alternativ som är relevanta för texten. Om du till exempel vill öppna ett terminalfönster söker du bara efter det och öppnar från sökresultaten. Den inbyggda terminalen öppnas och är redo för kommandon.

    Skärmbild som visar sökrutan i Visual Studio 2019.

  • Om du stöter på problem när du använder Visual Studio, eller om du har förslag på hur du kan förbättra produkten, kan du meddela oss genom att välja knappen Skicka feedback i det övre högra hörnet av IDE.

    Skärmbild av menyn Skicka feedback i Visual Studio 2019.

  1. Starta Visual Studio och välj Skapa ett nytt projekt.

    Skärmbild av fönstret Skapa ett nytt projekt i Visual Studio 2022.

    Fönstret Skapa ett nytt projekt öppnas och visar flera projektmallar. En mall innehåller de grundläggande filer och inställningar som krävs för en viss projekttyp.

    Här kan du söka, filtrera och välja en projektmall. Fönstret Skapa ett nytt projekt visar också en lista över dina nyligen använda projektmallar.

  2. I fönstret Skapa ett nytt projekt skriver du konsolen i sökrutan för att filtrera listan över projekttyper. Förfina sökresultaten ytterligare genom att välja C# (eller något annat språk du väljer) i listrutan Alla språk .

    Skärmbild av fönstret Skapa ett nytt projekt i Visual Studio 2022, där du väljer den mall som du vill använda.

  3. Om du har valt C# väljer du mallen Konsolapp och väljer sedan Nästa. Om du har valt ett annat språk väljer du bara valfri mall.

  4. I fönstret Konfigurera det nya projektet godkänner du standardprojektets namn och plats och väljer sedan Nästa.

    Skärmbild av fönstret Konfigurera ett nytt projekt i Visual Studio 2022, där du anger namnet på projektet och projektplatsen.

  5. I fönstret Ytterligare information kontrollerar du att .NET 8.0 visas i listrutan Framework och väljer sedan Skapa.

    Skärmbild av fönstret Ytterligare information i Visual Studio 2022, där du väljer den version av .NET som du vill använda.

  6. Projektet skapas och läses in i Visual Studio.

Grundläggande layout

  • Ta en titt på innehållet i projektet med Solution Explorer, som visar en grafisk representation av hierarkin med filer och mappar i din projekt-, lösnings- eller kodmapp.

  • Du kan bläddra i hierarkin och välja en fil för att öppna den i redigeraren. Filen Program.cs öppnas i redigeringsfönstret . Redigeraren visar innehållet i filer och det är där du gör det mesta av ditt kodningsarbete i Visual Studio.

    Skärmbild av redigeraren i Visual Studio 2022.

  • Menyraden längst upp i Visual Studio grupperar kommandon i kategorier. Projektmenyn innehåller till exempel kommandon som är relaterade till det projekt som du arbetar i. På menyn Verktyg kan du anpassa hur Visual Studio fungerar genom att välja Alternativ eller lägga till funktioner i installationen genom att välja Hämta verktyg och funktioner. Du kan anpassa Visual Studio IDE-inställningar på olika sätt för att på bästa sätt stödja din egen utvecklingsstil och dina egna krav.

    Skärmbild av menyraden i Visual Studio 2022.

  • Få AI-hjälp med GitHub Copilot direkt i redigeraren med sammanhangsmedvetna kodslutningar, förslag, kodförklaringar med mera. Du kan till exempel få kodförslag genom att skriva en kommentar på naturligt språk som beskriver vad du vill att koden ska göra eller ställa kodningsrelaterade frågor i chatten.

    Skärmbild av GitHub Copilot-tillägget i Visual Studio 2022.

    Läs mer om AI-assisterad utveckling i Visual Studio.

  • Få sammanhangsberoende hjälp genom att trycka på F1 medan musmarkören är på ett nyckelord eller när du har valt ett nyckelord. Välj till exempel konsolen och tryck på F1 för att gå till dokumentationen i konsolklassen.

  • Visual Studio har utmärkt tangentbordstillgänglighet. Den stöder en matris med inbyggda kortkommandon för att utföra åtgärder snabbt. > Använd hjälpreferensen för kortkommando för att se listan över kortkommandon.

  • Fellistan visar fel, varningar och meddelanden om kodens aktuella tillstånd. Om det finns fel (t.ex. en klammerparentes eller semikolon) i filen eller någonstans i projektet visas de här. Om du vill öppna fönstret Fellista väljer du menyn Visa och väljer sedan Fellista.

    Skärmbild av fellistan i Visual Studio 2022.

  • Sökrutan längst upp är ett snabbt och enkelt sätt att hitta nästan vad som helst i Visual Studio. Du kan söka efter funktioner med hjälp av funktionssökning (Ctrl + Q) eller söka efter dina kodelement, till exempel filer och symboler, med hjälp av Kodsökning(Ctrl+T). Om du till exempel vill öppna ett terminalfönster söker du bara efter det och öppnar från sökresultaten. Den inbyggda terminalen öppnas och är redo för kommandon.

    Skärmbild av sökrutan i Visual Studio 2022.

  • Om du stöter på problem när du använder Visual Studio, eller om du har förslag på hur du kan förbättra produkten, kan du meddela oss genom att välja knappen Skicka feedback i det övre högra hörnet av IDE.

    Skärmbild av knappen Skicka feedback och menyn i Visual Studio 2022.

Skapa din app

Nu ska vi bygga projektet för att se några byggutdata. Fönstret Utdata visar utdatameddelanden från att skapa projektet och från källkontrollprovidern.

På menyn Skapa väljer du Skapa lösning. Fönstret Utdata hämtar automatiskt fokus och visar ett lyckat byggmeddelande.

Skärmbild av utdatafönstret i Visual Studio.

Skärmbild av utdatafönstret i Visual Studio 2022 som visar utdatameddelanden från att skapa projektet och från källkontrollprovidern.

Kör din app

  1. Välj knappen Starta felsökning (grön pil) i verktygsfältet eller tryck på F5 för att köra appen.

    Skärmbild av knappen Starta felsökning i verktygsfältet för felsökning.

    Visual Studio skapar appen och ett konsolfönster öppnas med meddelandet Hello, World!. Nu har du en app som körs!

  2. Stäng konsolfönstret genom att trycka på valfri tangent.

  1. Välj knappen Starta felsökning (grön pil) i verktygsfältet eller tryck på F5 för att köra appen.

    Skärmbild av knappen Starta felsökning i verktygsfältet för felsökning.

    Visual Studio skapar appen och ett konsolfönster öppnas med meddelandet Hello, World!. Nu har du en app som körs!

  2. Stäng konsolfönstret genom att trycka på valfri tangent.

Felsöka din app

Visual Studio har många inbyggda felsökningsfunktioner. Ange en brytpunkt när som helst av intresse för koden för att pausa körningen av kod eller för att felsöka steg för steg. Kolla in fönstret Locals, Autos och Watch för att felsöka koden genom att granska värdena i varje steg.

  1. Nu ska vi lägga till lite mer kod i appen. Lägg till följande C#-kod före raden som säger Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    
  2. Välj knappen Starta felsökning (grön pil) i verktygsfältet för felsökning i Visual Studio för att köra appen.

    Skärmbild av knappen Starta felsökning i verktygsfältet för felsökning.

  3. Du kan stoppa appen när som helst genom att klicka på knappen Stoppa i verktygsfältet.

  1. Nu ska vi lägga till lite mer kod i appen. Lägg till följande C#-kod före raden som säger Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    När du skriver kan du också trycka på Tab för att acceptera kodförslagen.

  2. Välj knappen Starta felsökning (grön pil) i verktygsfältet för felsökning i Visual Studio för att köra appen.

    Skärmbild av knappen Starta felsökning i verktygsfältet för felsökning.

  3. Använd Frekvent omläsning för att åtgärda problem eller göra ändringar i koden i farten och se resultatet utan att starta om appen.

    Skärmbild av knappen Ladda om frekvent i verktygsfältet för felsökning.

  4. Du kan stoppa appen när som helst genom att välja knappen Stoppa i verktygsfältet.

    Skärmbild av knappen Stoppa i verktygsfältet för felsökning.

Du tittade bara på några av funktionerna i Visual Studio för att bekanta dig med användargränssnittet. Så här utforskar du vidare: