Snabbstart: Felsöka ASP.NET Core med felsökningsprogrammet Visual Studio

I den här snabbstarten utforskar du hur du använder Visual Studio felsökningsprogrammet för att felsöka din ASP.NET Core programkod. Den här artikeln innehåller ett snabbt sätt att lära dig några av de grundläggande funktionerna för att arbeta i felsökningsprogrammet.

Om du inte har Visual Studio kan du installera utvärderingsversionen free från sidan Visual Studio Nedladdningar.

Skapa ett nytt projekt

Börja med att skapa ett nytt projekt, så att du har lite kod för att checka in felsökningsprogrammet.

  1. Öppna Visual Studio och skapa ett nytt projekt.

    • Om startfönstret inte är öppet väljer du Startfönster för fil>.

    • I startfönstret väljer du Skapa ett nytt projekt.

  2. I fönstret Skapa ett nytt projekt anger du filtren och söker efter en projektmall.

    • I rutan Sök efter mallar anger du webbapp.

    • Expandera listrutan Språk och välj C#.

  3. I resultatlistan väljer du mallen ASP.NET Core Web App (Razor Pages) för C#och väljer sedan Nästa.

    Om du inte ser mallen ASP.NET Core Web App (Razor Pages) för C#, väljer du alternativet Fortsätt utan kod.

    1. Välj Tools>Get Tools and Features... som öppnar installationsprogrammet för Visual Studio.

    2. I installationsfönstret markerar du kryssrutan för arbetsbelastningen ASP.NET och webbutveckling och väljer sedan Modify.

      Din Visual Studio-installation uppdateras för att inkludera den valda ASP.NET-arbetsbelastningen.

    3. När uppdateringen är klar väljer duStartfönster för > och följer de föregående anvisningarna för att välja den mall som krävs.

  4. Konfigurera det nya projektet:

    1. Ange namnet Project och Solution eller använd standardvärdena.

    2. Använd standardplatsen eller välj bläddra (...) för att skapa projektet i en annan mapp.

    3. Klicka på Nästa.

    4. Använd det rekommenderade målet Framework (standardvärdet är .NET 10.0 Långsiktig support).

    5. Använd standardvärdena för de andra inställningarna.

    6. Välj Skapa.

    Visual Studio skapar det nya projektet och lägger till projektfilerna i den angivna mappen.

Uppdatera projektkoden

Uppdatera en del av koden som tillhandahålls av projektmallen så att du har fler instruktioner att testa i felsökningsprogrammet.

  1. I fönstret Prieskumník riešení expanderar du noden <project-name>\Pages och väljer noden Privacy.cshtml.

    Filen Privacy.cshtml öppnas i kodredigeraren.

  2. Leta upp följande kodavsnitt i filen och ersätt den med det angivna kodfragmentet:

    @{
 ViewData["Title"] = "Privacy Policy";
}

    Ersättningsfragment:

    @{
 ViewData["Title"] = "Privacy Policy";
 <label>@PrivacyModel.PrivacyMessage</label>
}

  3. I Prieskumník riešení expanderar du noden <project-name>\Pages\Privacy.cshtml och väljer objektet Privacy.cshtml.cs.

    Filen Privacy.cshtml.cs öppnas i kodredigeraren.

  4. Leta upp följande kodavsnitt i filen och ersätt den med det angivna kodfragmentet:

    public void OnGet()
{
}

    Ersättningsfragment:

    
public static string? PrivacyMessage { get; set; }

public void OnGet() {
   LinkedList<int> result = DoWork();

   PrivacyMessage = "Result of work: " + result.First.Value + ", " + result.First.Value;
}

private static LinkedList<int> DoWork() {
   LinkedList<int> c1 = new();

   c1.AddLast(10);
   c1.AddLast(20);

   LinkedList<int> c2 = new(c1);
   return c2;
}

Ange en brytpunkt

En breakpoint är en markör som anger var Visual Studio ska pausa koden som körs. När en brytpunkt har angetts kan du ta en titt på de aktuella värdena för variabler, undersöka minnesbeteendet och kontrollera om en specifik kodgren körs. Brytpunkter är den mest grundläggande funktionen vid felsökning.

  1. Om du vill ange en brytpunkt, letar du upp anropet till funktionen DoWork i koden och väljer sedan i den vänstra marginalen på samma rad.

    När brytpunkten har angetts visas en röd punkt i den vänstra rännstenen på motsvarande rad i koden.

    Screenshot som visar hur du anger en brytpunkt i Visual Studio debugger.

    Screenshot som visar hur du anger en brytpunkt i felsökningsprogrammet Visual Studio 2022.

  2. Börja felsöka med hjälp av kortkommandot F5 (eller välj Felsök>Starta felsökning).

  3. När webbsidan öppnas i webbläsarfönstret väljer du länken Sekretess överst på sidan.

    Kodkörningen pausas omedelbart före anropet av funktionen DoWork.

    Felsökningsprogrammet pausar där du anger brytpunkten. En gul pil visar den instruktion där felsökaren pausar appens körning.

    Skärmbild som visar felsökaren pausad vid en angiven brytpunkt i Visual Studio.

    Screenshot som visar felsökningsprogrammet pausat på en angiven brytpunkt i Visual Studio 2022.

Ange villkorsstyrda brytpunkter

Om du anger en brytpunkt i en loop eller rekursion, eller om du har många brytpunkter som du ofta går igenom, använder du en villkorlig brytpunkt.

Den här metoden hjälper till att se till att koden pausas endast när specifika villkor uppfylls. En villkorlig brytpunkt kan spara tid och även göra det enklare att felsöka problem som är svåra att återskapa.

Gå igenom koden

I Visual Studio finns det flera olika sätt att instruera felsökaren att fortsätta köra appen. I följande exempel visas ett användbart kommando för att gå igenom koden.

När koden är pausad vid brytpunkten håller du pekaren över satsen return c2; tills du ser den gröna ikonen Kör till klick (Kör till hit) . Välj ikonen.

Skärmbild som visar hur du använder åtgärden Kör till klick i Visual Studio-felsökaren.

Screenshot som visar hur du arbetar med åtgärden Kör för att klicka i felsökningsprogrammet Visual Studio 2022.

Appen fortsätter att köras och pausar på kodraden där du klickade på knappen.

Vanliga tangentbordskommandon som används för att stega igenom kod är F10 och F11. Mer detaljerade instruktioner finns i Första titt på felsökningsprogrammet.

Granska variabler i ett datatips

Du kan kontrollera tillståndet för dina variabler med hjälp av datatipsfunktionen .

  1. I den aktuella kodraden (markerad med den gula körningspekaren) hovrar du över c2objektet för att se datatipset.

    Screenshot som visar hur du visar datatips för kodvariabler i Visual Studio debugger.

    Screenshot som visar hur du visar datatips för kodvariabler i felsökningsprogrammet för Visual Studio 2022.

    Datatipset visar det aktuella värdet för variabeln c2 och gör att du kan inspektera dess egenskaper.

    Om du ser ett oväntat värde för en variabel när du felsöker har du förmodligen en bugg. Felet kan finnas i koden som gör anropet till variabeln eller på föregående rad.

  2. Expandera datatipset för att titta på objektets aktuella egenskapsvärden c2 .

  3. Om du vill fortsätta kontrollera värdet på c2 medan koden körs väljer du nålikonen i datatipset.

    Pin-åtgärden håller datatipset öppet. När koden körs ändras värdet i det fästa tipset för att visa aktuellt tillstånd för det övervakade objektet.

    Du kan flytta det fästa tipset till valfri plats i IDE:t, så det hindrar dig inte från att titta på andra objekt vid felsökning.

Nästa steg

Översikt över Visual Studio-felsökningsprogrammet

  • Last updated on