Dela via


Välkommen till Visual Studio IDE | C#

En integrerad utvecklingsmiljö (IDE) är ett funktionsrikt program som stöder många aspekter av programvaruutveckling. Visual Studio IDE är en kreativ startplatta som du kan använda för att redigera, felsöka och skapa kod och sedan publicera en app. Utöver standardredigeraren och felsökningsprogrammet som de flesta IDE:er tillhandahåller innehåller Visual Studio kompilatorer, verktyg för kodkomplettering, grafiska designers och många fler funktioner för att förbättra programutvecklingsprocessen.

Föregående bild visar Visual Studio med ett öppet projekt som visar nyckelfönster och deras funktioner:

  • I Solution Explorer, längst upp till höger, kan du visa, navigera och hantera dina kodfiler. Solution Explorer kan hjälpa dig att organisera koden genom att gruppera filerna i lösningar och projekt.

  • Det centrala redigeringsfönstret, där du förmodligen kommer att tillbringa större delen av din tid, visar filinnehåll. I redigeringsfönstret kan du redigera kod eller utforma ett användargränssnitt, till exempel ett fönster med knappar och textrutor.

  • I Git-ändringar längst ned till höger kan du spåra arbetsobjekt och dela kod med andra med hjälp av versionskontrolltekniker som Git och GitHub.

Upplagor

Visual Studio är tillgängligt för Windows.

Det finns tre utgåvor av Visual Studio: Community, Professional och Enterprise. Se Jämför Visual Studio-utgåvor för att lära dig mer om vilka funktioner som stöds i varje utgåva.

Några populära funktioner i Visual Studio som förbättrar produktiviteten när du utvecklar programvara är:

  • Squiggles och Snabbåtgärder

    Squiggles är vågiga understrykningar som varnar dig om fel eller potentiella problem i koden när du skriver. Dessa visuella ledtrådar hjälper dig att åtgärda problem omedelbart, utan att vänta på att upptäcka fel under bygget eller körningen. När du hovrar över en vågig linje visas mer information om felet. En glödlampa kan också visas i vänstermarginalen som visar snabbåtgärder du kan vidta för att åtgärda felet.

    Skärmbild som visar vågiga linjer i Visual Studio.

    Skärmbild som visar vågiga linjer i Visual Studio.

  • Rensning av kod

    Med ett klick på en knapp kan du formatera koden och tillämpa eventuella kodkorrigeringar som föreslås av kodformatinställningar, .editorconfig-konventioneroch Roslyn-analysverktyg. Code Cleanup, som för närvarande endast är tillgänglig för C#-kod, hjälper dig att lösa problem i koden innan den går till kodgranskning.

    Skärmbild som visar ikonen för kodrensning och menyn i Visual Studio.

  • Rensning av kod

    Med ett klick på en knapp kan du formatera koden och tillämpa eventuella kodkorrigeringar som föreslås av kodformatinställningar, .editorconfig-konventioneroch Roslyn-analysverktyg. Code Cleanup, som för närvarande endast är tillgänglig för C#-kod, hjälper dig att lösa problem i koden innan den går till kodgranskning.

    Skärmbild som visar ikonen för kodrensning och menyn i Visual Studio.

  • Omstrukturera

    Refaktorisering omfattar åtgärder som att intelligent byta namn på variabler, extrahera en eller flera linjer kod till en ny metod, och ändra ordningen på parametrar i en metod.

    Skärmbild som visar refaktorisering i Visual Studio.

    Skärmbild som visar refaktorisering i Visual Studio.

  • IntelliSense

    IntelliSense är en uppsättning funktioner som visar information om din kod direkt i redigeraren och i vissa fall skriver små bitar kod åt dig. Det är som att ha grundläggande dokumentation infogad i redigeraren, så du behöver inte söka efter typinformation någon annanstans.

    Följande bild visar hur IntelliSense visar en medlemslista för en typ:

    Skärmbild som visar en IntelliSense-medlemslista.

    Skärmbild som visar en IntelliSense-medlemslista.

    IntelliSense-funktioner varierar beroende på språk. Mer information finns i C# IntelliSense, Visual C++ IntelliSense, JavaScript IntelliSenseoch Visual Basic IntelliSense.

  • Visual Studio-sökning

    Visual Studio-menyer, alternativ och egenskaper kan ibland verka överväldigande. Visual Studio-sökning, eller Ctrl+Q, är ett bra sätt att snabbt hitta IDE-funktioner och kod på ett och samma ställe.

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

    Information och produktivitetstips finns i Så här använder du Visual Studio-sökning.

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

    Information och produktivitetstips finns i Så här använder du Visual Studio-sökning.

  • Live Share

    Redigera och felsöka tillsammans med andra i realtid, oavsett apptyp eller programmeringsspråk. Du kan dela projektet direkt och säkert. Du kan också dela felsökningssessioner, terminalinstanser, localhost webbappar, röstsamtal med mera.

  • Anropshierarki

    Fönstret Anropa hierarki visar de metoder som anropar en vald metod. Den här informationen kan vara användbar när du funderar på att ändra eller ta bort metoden, eller när du försöker spåra en bugg.

    Skärmbild som visar fönstret Samtalshierarki.

    Skärmbild som visar fönstret Samtalshierarki.

  • CodeLens

    CodeLens hjälper dig att hitta kodreferenser, kodändringar, länkade buggar, arbetsobjekt, kodgranskningar och enhetstester, utan att lämna redigeraren.

    Skärmbild som visar CodeLens.

    Skärmbild som visar CodeLens.

  • Gå till definitionen

    Funktionen Gå till definition tar dig direkt till platsen för en funktion eller typdefinition.

    Skärmbild som visar menyalternativet Gå till definition.

    Skärmbild som visar menyalternativet Gå till definition.

  • Förhandsgranska Definition

    Fönstret Peek Definition visar en metod eller typdefinition utan att öppna en separat fil.

    Skärmbild som visar ett förhandsgranskningsfönster för definition.

    Skärmbild som visar ett fönster med en förhandsgranskning av definition.

  • Hot Reload

    Hot Reload gör att du kan redigera din applikations kodfiler och tillämpa kodändringarna direkt på det körande programmet.

    Skärmbild av snabb inläsning i Visual Studio 2022.

Installera Visual Studio

I det här avsnittet skapar du ett enkelt projekt för att prova några av de saker du kan göra med Visual Studio. Du använder IntelliSense som kodningshjälpmedel, felsöker en app för att se ett variabelvärde under appkörningen och ändrar färgtemat.

Kom igång genom att ladda ned Visual Studio och installera det i systemet. Med modulinstallationsprogrammet kan du välja och installera arbetsbelastningar, som är grupper av funktioner som behövs för de programmeringsspråk eller plattformar som du vill använda. Om du vill följa stegen för att skapa ett program, se till att välja .NET Core plattformsoberoende utveckling workload under installationen.

Skärmbild av arbetsbelastningen för .NET Core-plattformsoberoende utveckling i Visual Studio Installer.

Kom igång genom att ladda ned Visual Studio och installera det i systemet. I det modulära installationsprogrammet väljer och installerar du arbetsbelastningar, som är grupper av funktioner som du behöver för de programmeringsspråk eller plattformar som du vill använda. Om du vill använda följande steg för att skapa ett programmåste du välja arbetsbelastningen .NET-skrivbordsutveckling under installationen.

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

När du öppnar Visual Studio för första gången kan du logga in med ditt Microsoft-konto eller ditt arbets- eller skolkonto.

Skapa ett program

Gå in och skapa ett enkelt program.

  1. Öppna Visual Studio.

    Startfönstret visas med alternativ för att klona en lagringsplats, öppna ett nytt projekt eller skapa ett nytt projekt.

  2. 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 mallar. En mall innehåller de grundläggande filer och inställningar som krävs för en viss projekttyp.

  3. För att hitta den mall vi vill använda, skriv in .net core-konsol i sökrutan. Listan över tillgängliga mallar filtreras automatiskt baserat på de nyckelord som du har angett. Du kan filtrera mallresultatet ytterligare genom att välja C# från listrutan Alla språk, Windows från listan Alla plattformar och Console från listan Alla projekttyper.

    Välj mallen Console Application och klicka sedan på Nästa.

    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.

  4. I fönstret Konfigurera ditt nya projekt anger du HelloWorld- i rutan Projektnamn. Du kan också ändra katalogplatsen för dina projektfiler (standardspråket är C:\Users\<name>\source\repos) och klicka sedan på Nästa.

    Skärmbild av fönstret Konfigurera ditt nya projekt i Visual Studio 2019, där du anger namnet på projektet.

  5. I fönstret Ytterligare information kontrollerar du att .NET Core 3.1 visas i listrutan Target Framework och klickar sedan på 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.

    Visual Studio skapar projektet. Det är ett enkelt "Hello World"-program som anropar metoden Console.WriteLine() för att visa literalsträngen "Hello World!" i konsolfönstret (programutdata).

    Snart bör du se något som liknar följande skärm:

    Skärmbild som visar Visual Studio IDE.

    C#-koden för ditt program visas i redigeringsfönstret, vilket tar upp det mesta av utrymmet. Observera att texten färgas automatiskt för att indikera olika delar av koden, till exempel nyckelord och typer. Dessutom anger små lodräta streckade rader i koden vilka klammerparenteser som matchar varandra, och radnummer hjälper dig att hitta kod senare. Du kan välja de små, infällda minustecknen för att dölja eller expandera kodblock. Med den här kodavsnittsfunktionen kan du dölja kod som du inte behöver, vilket hjälper till att minimera stök på skärmen. Projektfilerna visas till höger i ett fönster med namnet Solution Explorer.

    Skärmbild som visar Visual Studio IDE med röda rutor.

    Det finns andra menyer och verktygsfönster tillgängliga, men nu ska vi gå vidare.

  6. Starta nu appen. Du kan göra detta genom att välja Starta utan felsökning från menyn Felsöka på menyraden. Du kan också trycka på Ctrl+F5.

    Skärmbild som visar menyalternativet Felsök > Starta utan att felsöka.

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

    Skärmbild av microsoft Visual Studio-felsökningskonsolfönstret som visar utdatan

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

  8. 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();
    

    Den här koden visar Vad heter du? i konsolfönstret och väntar sedan tills användaren anger text följt av Retur nyckel.

  9. Ändra raden som säger Console.WriteLine("Hello World!"); till följande kod:

    Console.WriteLine($"\nHello {name}!");
    
  10. Kör appen igen genom att välja Felsöka>Starta utan att felsöka eller genom att trycka på Ctrl+F5.

    Visual Studio återskapar appen och ett konsolfönster öppnas och du uppmanas att ange ditt namn.

  11. Ange ditt namn i konsolfönstret och tryck på Retur.

    Skärmbild av fönstret Felsökningskonsol som visar uppmaningen om ett namn, indata och utdata

  12. Tryck på valfri tangent för att stänga konsolfönstret och stoppa programmet som körs.

  1. Starta Visual Studio. Startfönstret visas med alternativ för att klona en lagringsplats, öppna ett nytt projekt eller skapa ett nytt projekt.

  2. Välj Skapa ett nytt projekt.

    Skärmbild av Visual Studio-startmenyn med Skapa ett nytt projekt valt.

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

  3. Om du vill hitta en mall kan du skriva eller ange nyckelord i sökrutan. Listan över tillgängliga mallar filtrerar baserat på de nyckelord du anger. Du kan filtrera mallresultatet ytterligare genom att välja C# från listrutan Alla språk, Windows från listan Alla plattformar och Console från listan Alla projekttyper.

    Välj mallen Konsolprogram och välj sedan Nästa.

    Skärmbild av fönstret Skapa ett nytt projekt med Konsolprogram valt.

  4. I fönstret Konfigurera ditt nya projekt anger du HelloWorld- i rutan Projektnamn. Du kan också ändra projektkatalogplatsen från standardplatsen för C:\Users\<name>\source\reposoch sedan välja Nästa.

    Skärmbild av fönstret Konfigurera det nya projektet med projektnamnet HelloWorld angivet.

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

    Skärmbild av dialogrutan Ytterligare information som visar .NET 8.0 valt som målramverk för det nya projektet i Visual Studio.

    Visual Studio skapar projektet. Programmet är ett enkelt "Hello World"-program som anropar metoden Console.WriteLine() för att visa strängen Hello, World! i ett konsolfönster.

    Projektfilerna visas till höger i Visual Studio IDE i ett fönster som kallas Solution Explorer. I fönstret Solution Explorer väljer du filen Program.cs. C#-koden för din app öppnas i det centrala redigeringsfönstret, vilket tar upp det mesta av utrymmet.

    Skärmbild som visar Visual Studio IDE med Program.cs-koden i redigeraren.

    Koden färgas automatiskt för att indikera olika delar, till exempel nyckelord och typer. Radnummer hjälper dig att hitta kod.

    Små lodräta streckade linjer i koden anger vilka klamrar som matchar varandra. Du kan också välja små, boxade minus- eller plustecken för att komprimera eller expandera kodblock. Med den här kodsammanställningsfunktionen kan du dölja kod som du inte behöver se, vilket hjälper till att minska röran på skärmen.

    Skärmbild som visar Visual Studio IDE med röda rutor.

    Många andra menyer och verktygsfönster finns tillgängliga.

  6. Starta appen genom att välja Felsök>Starta utan att felsöka från Visual Studio-menyn längst upp. Du kan också trycka på Ctrl+F5.

    Skärmbild som visar menyalternativet Felsök > Starta utan att felsöka.

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

    Skärmbild av felsökningskonsolfönstret som visar utdata från Hello, World! och Tryck på valfri tangent för att stänga det här fönstret.

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

  8. 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();
    

    Den här koden visar Vad heter du? i konsolfönstret och väntar sedan tills användaren anger text.

  9. Ändra raden som säger Console.WriteLine("Hello World!"); till följande rad:

    Console.WriteLine($"\nHello {name}!");
    
  10. Kör appen igen genom att välja Felsöka>Starta utan att felsöka eller trycka på Ctrl+F5.

    Visual Studio återskapar appen och ett konsolfönster öppnas och du uppmanas att ange ditt namn.

  11. Skriv ditt namn i konsolfönstret och tryck på Retur.

    Skärmbild av fönstret Felsökningskonsol som visar uppmaningen om ett namn, indata och utdata Hello Georgette!.

  12. Tryck på valfri tangent för att stänga konsolfönstret och stoppa programmet som körs.

Använd refaktorisering och IntelliSense

Låt oss titta på några av de sätt som refaktorisering och IntelliSense kan hjälpa dig att koda mer effektivt.

Byt först namn på variabeln name:

  1. Dubbelklicka på variabeln name och skriv det nya namnet på variabeln användarnamn.

    En ruta visas runt variabeln och en glödlampa visas i marginalen.

  2. Välj glödlampaikonen för att visa tillgängliga snabbåtgärder. Välj Ändra 'namn' till 'användarnamn'.

    Skärmbild som visar åtgärden Byt namn i Visual Studio.

    Skärmbild som visar åtgärden Byt namn i Visual Studio.

    Variabeln har bytt namn över hela projektet, vilket i vårt fall bara är på två ställen.

  3. Ta nu en titt på IntelliSense. Under raden som säger Console.WriteLine($"\nHello {username}!");skriver du DateTime now = DateTime..

    En box visar medlemmarna i klassen DateTime. Beskrivningen av den valda medlemmen visas också i en separat ruta.

    Skärmbild som visar IntelliSense-listmedlemmar i Visual Studio.

    Skärmbild som visar IntelliSense-listmedlemmar i Visual Studio.

  4. Välj medlemmen med namnet Now, som är en egenskap för klassen, genom att dubbelklicka på den eller trycka på Tabb. Slutför kodraden genom att lägga till ett semikolon i slutet av raden: DateTime now = DateTime.Now;.

  5. Under den raden anger du följande kodrader:

    int dayOfYear = now.DayOfYear;
    
    Console.Write("Day of year: ");
    Console.WriteLine(dayOfYear);
    

    Tips

    Console.Write skiljer sig från Console.WriteLine eftersom den inte lägger till en radavgränsare när den skrivs ut. Det innebär att nästa text som skickas till utdata skrivs ut på samma rad. Du kan hovra över var och en av dessa metoder i koden för att se deras beskrivningar.

  6. Använd sedan refaktorisering igen för att göra koden lite mer koncis. Välj variabeln now på raden DateTime now = DateTime.Now;. En skruvmejselikon visas i marginalen på den linjen.

  7. Välj skruvmejselikonen för att se tillgängliga förslag från Visual Studio. Det här fallet visar den infogade temporära variabeln refaktorisering för att ta bort en kodrad utan att ändra det övergripande kodbeteendet.

    Skärmbild som visar förslag för infogad temporär variabel i Visual Studio.

    Skärmbild som visar förslag på infogad tillfällig variabel i Visual Studio.

  8. Välj tillfällig inline-variabel för att omfaktorera koden.

  9. Kör programmet igen genom att trycka på Ctrl+F5. Utdata ser ut ungefär så här:

Felsöka kod

När du skriver kod bör du köra den och testa den för buggar. Med Visual Studios felsökningssystem kan du stega igenom koden ett uttryck i taget och inspektera variabler. Du kan ange brytpunkter som stoppar körningen av koden på en viss rad och observera hur variabelvärdet ändras när koden körs.

Ange en brytpunkt för att se värdet för variabeln username medan programmet körs.

  1. Ange en brytpunkt på kodraden som säger Console.WriteLine($"\nHello {username}!"); genom att klicka i vänstermarginalen, eller rännstenen, bredvid raden. Du kan också välja kodraden och sedan trycka på F9.

    En röd cirkel visas i rännstenen och linjen är markerad.

    Skärmbild som visar en brytpunkt på en kodrad i Visual Studio.

    Skärmbild som visar en brytpunkt på en kodrad i Visual Studio.

  2. Börja felsöka genom att välja Felsöka>Starta felsökning eller trycka på F5.

  3. När konsolfönstret visas och frågar efter ditt namn anger du ditt namn.

    Fokus återgår till Visual Studio-kodredigeraren och kodraden med brytpunkten är markerad i gult. Den gula markeringsmarkeringen innebär att den här kodraden körs härnäst. Brytpunkten gör att appen pausar körningen på den här raden.

  4. Hovra musen över variabeln username för att se dess värde. Du kan också högerklicka på username och välja Lägg till klocka för att lägga till variabeln i fönstret Watch, där du också kan se dess värde.

    Skärmbild som visar ett variabelvärde vid felsökning i Visual Studio.

    Skärmbild som visar ett variabelvärde vid felsökning i Visual Studio.

  5. Tryck på F5 igen för att slutföra körningen av appen.

När appen körs kan du tillämpa kodändringar på appen som körs genom att klicka på knappen Ladda om frekvent.

Skärmbild av snabb inläsning i Visual Studio 2022.

För mer information om felsökning i Visual Studio, se felsökningsprogrammets funktionsrundtur .

Anpassa Visual Studio

Du kan anpassa Visual Studio-användargränssnittet, inklusive att ändra standardfärgtemat. Så här ändrar du färgtemat:

  1. I menyraden väljer du Verktyg>Alternativ för att öppna dialogrutan Alternativ.

  2. På sidan Miljö>Allmänna alternativ ändrar du färgschemat till Mörktoch väljer sedan OK.

    Färgtemat för hela IDE ändras till Mörk.

    Skärmbild som visar Visual Studio i mörkt tema.

  1. I menyraden väljer du Verktyg>Alternativ för att öppna dialogrutan Alternativ.

  2. På sidan Alternativ för miljö>Allmänt ändrar du färgtema till Blå eller Ljusaoch väljer sedan OK.

    Färgtemat för hela IDE ändras i enlighet med detta. Följande skärmbild visar det blå temat:

    Skärmbild som visar Visual Studio i blått tema.

Mer information om andra sätt att anpassa IDE finns i Anpassa Visual Studio.

Välj miljöinställningar

Du kan konfigurera Visual Studio för att använda miljöinställningar som är skräddarsydda för C#-utvecklare:

  1. På menyraden väljer du Verktyg>import- och exportinställningar.

  2. I guiden import- och exportinställningarväljer du Återställ alla inställningaroch väljer sedan Nästa.

  3. På sidan Spara aktuella inställningar väljer du om du vill spara dina aktuella inställningar innan du återställer. Om du inte har anpassat några inställningar väljer du Nej, återställ bara inställningarna och skriver över mina aktuella inställningar. Välj sedan Nästa.

  4. På sidan Välj en standardsamling med inställningar väljer du Visual C#och väljer sedan Slutför.

  5. På sidan Återställ slutförd väljer du Stäng.

Mer information om andra sätt att anpassa IDE finns i Anpassa Visual Studio.

Nästa steg

Utforska Visual Studio ytterligare genom att följa med i någon av dessa inledande artiklar:

Se även