Sök…


Introduktion

Den här artikeln ger idéer om installation och installation av Asp.Net-kärna med visuell studiokod. Skapa också grundläggande MVC-mall och felsökning.

Steg involverade nedan ...

Steg 1 - installation av Visual Studio-kod.

Steg 2 - Konfigurera .Net-kärna och C #.

Steg 3 - Skapa en grundläggande MVC-mall.

Steg 4 - Kör och felsök applikationen.

Anmärkningar

Den här artikeln håller på att konfigureras från grunden med visuell studiokod med öppen källkod och skapa och felsöka grundläggande .net core mvc-applikationer.

  • Filplatsen som används ovan förändras enligt användare, ingen begränsning.
  • Behöver internet för att ladda ner inställningar.

Steg 1 - Visual Studio-kodinstallation


  • Ladda ner visuell studiokod härifrån Visual studiokod . Välj ditt installationsprogram [mac | windows | linux].

ange bildbeskrivning här


  • Gå till den nedladdade filen i din lokala.

ange bildbeskrivning här

  • Nedanstående steg för att installera

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

Installationen är klar.

Steg 2 - Konfigurera .Net-kärna och C #.

Efter installation av Visual Studio-kodkonfigurering .net-kärna och C #.

ange bildbeskrivning här

  1. Starta Visual Studio-kod.
  2. Tryck på [ ctrl + P ]
  3. klistra in " ext install csharp " detta och slå.

När du gjort ovanstående steg är C # -tillägg tillgängligt i VS-kod.

ange bildbeskrivning här

  • Konfigurera nu .net-kärnan.

Ladda ner .net core sdk härifrån . Välj Windows => CommandLine.

ange bildbeskrivning här

Installera sdk som nedan.

ange bildbeskrivning här

ange bildbeskrivning här

ange bildbeskrivning här

.Net core sdk-installationen har gjorts framgångsrikt.

Steg 3 - Skapa en grundläggande MVC-mall.


  • Skapa din nya projektmapp och öppna i Windows-kommandotolken med platsen för projektmappen.

ange bildbeskrivning här

  • Skriv " dotnet new -t web " och slå. Detta är för att skapa en ny mvc-mall.

ange bildbeskrivning här

  • När det är klart. Gå till projektplatsen och se grundläggande mvc-projekt har skapats.

ange bildbeskrivning här

  • Skriv sedan " dotnet återställning " och tryck . Detta är för att återställa alla paket från projekt.json-filen.

ange bildbeskrivning här

ange bildbeskrivning här

  • Starta nu VScode och öppna projektmappen.

ange bildbeskrivning här

ange bildbeskrivning här

Nu kan du äntligen se mvc-projektet i VS-kod.

Alla de grundläggande mvc-strukturfilerna du kan se. [Model-View-Controller]

Steg 4 - Kör och felsök applikationen.

Öppna projektmappen i VScode.

Exempel här jag ställer in brytpunkten i hemkontrollen.

ange bildbeskrivning här

Klicka nu på felsökningsalternativet.

ange bildbeskrivning här

lägg till felsökningskonfiguration som nedan. Se till att .Net core Launch (web) är valt.

ange bildbeskrivning här

ange bildbeskrivning här

Du kan se att brytpunkten kommer att träffas när du börjar felsöka med ikonen för att trycka på knappen.

Ge sedan fortsätta. Webbsidan visas i webbläsaren som nedan. ange bildbeskrivning här

Webbsidan verkar trasig.

Tryck på " F12 " eller öppna utvecklarverktyget.

Du kan se några fel i konsolen.

ange bildbeskrivning här

Få bootstrap- och jquery-filer laddades inte.

[Hitta ett skript och css-filer med Ctrl + shift + f i VS-kod och ange den missade filnamnet och sökningen.]

Fixa detta genom att lägga till skript med cdn eller exakt filplats i layoutfil.

ange bildbeskrivning här

Uppdatera nu sidan och titta.

ange bildbeskrivning här

Nu verkar webbplatsen bra och inget mer konsolfel äntligen.

Lycklig kodning.



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow