Dela via


Välkommen till Visual Studio IDE | Visual Basic

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 Visual Basic-projekt som visar viktiga fö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 varje utgåva stöder.

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. Om du håller muspekaren ö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 av en squiggle-understrykning i Visual Studio.

    Skärmbild av en squiggle-understrykning i Visual Studio.

  • Omstrukturera

    Refaktorisering omfattar åtgärder som intelligent namnbyte på variabler, flytta ut en eller flera kodrader till en ny metod och ändra ordningen på metodens parametrar.

    Skärmbild av menyn Omstrukturera i Visual Studio.

    Skärmbild av menyn Omstrukturera 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 av en IntelliSense-medlemslista.

    Skärmbild av 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.

    När du börjar skriva namnet på något du letar efter visar Visual Studio resultat som tar dig dit du behöver gå. Om du behöver lägga till funktioner, till exempel ett annat programmeringsspråk, kan du öppna Visual Studio Installer från sökresultatet för att installera arbetsbelastningen eller komponenten.

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

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

  • 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.

  • Samtalsstruktur

    Fönstret Anropshierarki 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 i Visual Studio.

    Skärmbild som visar fönstret Samtalshierarki i Visual Studio.

  • 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 i Visual Studio.

    Skärmbild som visar CodeLens i Visual Studio.

  • Gå till definitionen

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

    Skärmbild som visar Gå till definition i Visual Studio 2019.

    Skärmbild som visar Gå till definition i Visual Studio.

  • Titta på definition

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

    Skärmbild som visar Peek Definition i Visual Studio.

    Skärmbild som visar Peek Definition i Visual Studio.

  • Het Omstart

    Hot Reload gör att du kan redigera dina programkods-filer 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 lär dig hur du ändrar färgtemat, använder IntelliSense som kodningshjälpmedel och felsöker en app för att se ett variabelvärde under appkörningen.

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 programmeringsspråket eller plattformen du föredrar. Om du vill följa stegen för att skapa ett program, se till att välja .NET Core plattformsoberoende utveckling arbetsbelastning under installationen.

Skärmbild av arbetsbelastningen för plattformoberoende .NET Core-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 arbetsbelastningen 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.

Anpassa Visual Studio

Du kan anpassa Visual Studio-användargränssnittet, inklusive att ändra standardfärgtemat.

Ändra färgtemat

Så här ändrar du färgtemat:

  1. Öppna Visual Studio. I startfönstret väljer du Fortsätt utan kod.

    Skärmbild av startfönstret i Visual Studio 2019 med länken Fortsätt utan kod markerad.

    IDE öppnas.

  2. I menyraden i Visual Studio väljer du Verktyg>Alternativ för att öppna dialogrutan Alternativ.

  3. På sidan Miljö>Allmänna alternativ ändrar du Färgtema till Mörkoch väljer sedan OK.

    Skärmbild som visar hur du ändrar färgtema till mörkt i Visual Studio.

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

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

  1. Öppna Visual Studio. I startfönstret väljer du Fortsätt utan kod.

    Skärmbild av Visual Studio Start-skärmen med länken Fortsätt utan kod markerad.

  2. I menyraden i Visual Studio väljer du Verktyg>Alternativ för att öppna dialogrutan Alternativ.

  3. På sidan Alternativ för miljö>Allmänt ändrar du färgschema till Blå eller Ljusoch väljer sedan OK.

    Skärmbild som visar hur du ändrar färgtemat till Blått i Visual Studio.

    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.

Välj miljöinställningar

Du kan konfigurera Visual Studio för att använda miljöinställningar som är skräddarsydda för Visual Basic-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 förvald samling av inställningar väljer du Visual Basicoch klickar sedan på 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.

Skapa ett program

Gå in och skapa ett enkelt program.

  1. På menyraden i Visual Studio väljer du Arkiv>Nytt>Projekt. (Du kan också trycka på Ctrl+Skift+N.)

    Skärmbild av filurvalet > Nytt > Projekt från menyraden 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.

  2. Om du vill hitta den mall vi vill ha, skriv in .net core console 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 Visual Basic- 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 i Visual Studio 2019, där du väljer den mall som du vill använda.

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

    Skärmbild som visar dialogrutan Konfigurera ditt nya projekt i Visual Studio 2019 och de alternativ som ska anges, inklusive projektnamn och projektplats.

  4. I fönstret Ytterligare information kontrollerar du att .NET Core 3.1 visas i listrutan 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.

    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 bild:

    Skärmbild som visar Visual Studio IDE.

    Visual Basic-koden för appen visas i redigeringsfönstret, som 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å, rutorna minustecken för att komprimera eller expandera kodblock. Med den här kodöversiktsfunktionen kan du dölja kod som du inte behöver, vilket hjälper till att minimera stöket 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.

  5. Starta nu appen. Du kan starta processen genom att välja Starta utan att felsöka från menyn Felsöka på menyraden. Du kan också trycka på Ctrl+F5.

    Skärmbild som visar Felsökning > Starta utan felsökning.

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

    Skärmbild av konsolfönstret som visar Hello World-meddelandet.

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

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

    Console.WriteLine("What is your name?")
    Dim 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.

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

    Console.WriteLine("Hello " + name + "!")
    
  9. Kör appen igen genom att trycka på Ctrl+F5.

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

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

    Skärmbild av konsolfönstret som visar frågan Vad är ditt namn och appens svar.

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

  1. På menyraden i Visual Studio väljer du Arkiv>Nytt>Projekt. Du kan också trycka på Ctrl+Skift+N.

    Skärmbild av alternativet Arkiv > Nytt > Projekt från menyraden i Visual Studio.

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

  2. 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 Visual Basic från listrutan Alla språk, Windows från listan Alla plattformar och Console från listan Alla projekttyper.

    Välj mallen Visual Basic Console Application och välj sedan Nästa.

    Skärmbild av fönstret Skapa ett nytt projekt med Visual Basic Console-programmet valt.

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

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

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

    Skärmbild av fönstret för ytterligare information med .NET 8.0 markerad.

    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.vb. Visual Basic-koden för appen öppnas i det centrala redigeringsfönstret, vilket tar upp det mesta av utrymmet.

    Skärmbild som visar Visual Studio I D E med Program.vb-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 rader i koden anger kodstruktur eller kodblock som går ihop. Du kan också välja de små minus- eller plustecknen för att fälla ihop eller fälla ut kodavsnitt. Med den här kodsammanfattningsfunktionen kan du dölja kod som du inte behöver se, vilket hjälper till att minimera rörighet på skärmen.

    Skärmbild som visar Visual Studio I D E med röda rutor.

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

  5. 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 fungerande app!

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

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

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

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

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

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

    Console.WriteLine("Hello " + name + "!")
    
  9. 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.

  10. 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 Hej Georgette.

  11. 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 Byt namn på 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 byter namn på projektet, vilket i det här fallet bara är två platser.

Ta nu en titt på IntelliSense.

  1. Under raden som säger Console.WriteLine("Hello " + username + "!")skriver du följande kod:

    Dim now = Date.
    

    En ruta visar medlemmarna i DateTime-klassen. 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.

  2. Välj elementet med namnet Now, som är en egenskap för klassen. Dubbelklicka antingen på Nueller välj den och tryck på Tabb.

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

    Dim 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.

Använd sedan refaktorisering igen för att göra koden lite mer koncis.

  1. Välj variabeln now på raden Dim now = Date.Now. En skruvmejselikon visas i marginalen på den linjen.

  2. 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örslaget för inline tillfällig variabel i Visual Studio.

  3. Välj inline tillfällig variabel för att refaktorisera koden.

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

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

  1. Välj variabeln now på raden Dim now = Date.Now. En glödlampa visas i marginalen på den raden.

  2. Välj glödlampaikonen 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 på inline-tillfällig variabel i Visual Studio.

  3. Välj tillfällig inline-variabel för att refaktorera koden.

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

    Skärmbild av Debugkonsolfönstret som visar en uppmaning om ett namn, inmatning och utmatning.

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 uttalande i taget och inspektera variablerna längs vägen. 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("Hello " + 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 funktionsöversikten Debugger.