Suche…


Einführung

Dieser Artikel gibt Anregungen zum Einrichten und Installieren von Asp.Net Core mit visuellem Studio-Code. Erstellen Sie auch eine grundlegende MVC-Vorlage und das Debugging.

Schritte unten ...

Schritt 1 - Visual Studio-Code installieren.

Schritt 2 - Konfigurieren von .Net Core und C #.

Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage.

Schritt 4 - Ausführen und Debuggen der Anwendung.

Bemerkungen

Dieser Artikel wird mit Visual Studio Code Open Source eingerichtet und grundlegende .net-Kern-MVC-Anwendungen erstellt und debuggt.

  • Der oben verwendete Dateispeicherort ist die Änderung pro Benutzer. Keine Einschränkung.
  • Brauchen Sie Internet, um Setups herunterzuladen.

Schritt 1 - Visual Studio Code Installation


  • Laden Sie hier den visuellen Studiocode herunter. Wählen Sie Ihr Zielinstallationsprogramm aus [mac | windows | linux].

Geben Sie hier die Bildbeschreibung ein


  • Gehen Sie zur heruntergeladenen Datei in Ihrem lokalen Ordner.

Geben Sie hier die Bildbeschreibung ein

  • Nachfolgend sind die Schritte zur Installation aufgeführt

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Die Installation wurde erfolgreich abgeschlossen.

Schritt 2 - Konfigurieren von .Net Core und C #.

Konfigurieren Sie nach der Installation von Visual Studio-Code den .net-Core und C #.

Geben Sie hier die Bildbeschreibung ein

  1. Starten Sie den Code für Visual Studio.
  2. Drücken Sie [ Strg + P ]
  3. Fügen Sie " ext install csharp " ein und klicken Sie auf.

Sobald die obigen Schritte ausgeführt wurden, ist die C # -Erweiterung in VS-Code verfügbar.

Geben Sie hier die Bildbeschreibung ein

  • Konfigurieren Sie nun den .net Core.

Laden Sie .net Core SDK hier herunter. Wählen Sie Windows => CommandLine.

Geben Sie hier die Bildbeschreibung ein

Installieren Sie die SDK wie unten.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

.Net-Core-SDK-Installation erfolgreich abgeschlossen.

Schritt 3 - Erstellen Sie eine Basis-MVC-Vorlage.


  • Erstellen Sie Ihren neuen Projektordner und öffnen Sie in der Windows-Eingabeaufforderung den Speicherort des Projektordners.

Geben Sie hier die Bildbeschreibung ein

  • Geben Sie " dotnet new -t web " ein und drücken Sie . Dies ist zum Erstellen einer neuen MVC-Vorlage.

Geben Sie hier die Bildbeschreibung ein

  • Einmal fertig. Gehen Sie zum Projektstandort und sehen Sie, wie das grundlegende MVC-Projekt erstellt wurde.

Geben Sie hier die Bildbeschreibung ein

  • Geben Sie dann " dotnet restore " ein und drücken Sie . Dies dient zum Wiederherstellen aller Pakete aus der Datei project.json.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

  • Starten Sie nun VScode und öffnen Sie den Projektordner.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Nun können Sie das mvc-Projekt endlich im VS-Code sehen.

Alle grundlegenden mvc-Strukturdateien, die Sie sehen können. [Model-View-Controller]

Schritt 4 - Ausführen und Debuggen der Anwendung.

Öffnen Sie den Projektordner in VScode.

Hier stelle ich einen Haltepunkt im Home Controller ein.

Geben Sie hier die Bildbeschreibung ein

Klicken Sie jetzt auf die Debug-Option.

Geben Sie hier die Bildbeschreibung ein

Fügen Sie die Debug-Konfiguration wie folgt hinzu. Stellen Sie sicher, dass .Net Core Launch (Web) ausgewählt ist.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Wenn Sie mit dem Debuggen beginnen, sehen Sie, dass der Haltepunkt durch Drücken des Run-Symbols erreicht wird.

Dann gib weiter. Die Webseite wird im Browser wie folgt angezeigt. Geben Sie hier die Bildbeschreibung ein

Webseite scheint defekt zu sein.

Drücken Sie " F12 " oder öffnen Sie das Entwicklerwerkzeug.

Sie können einige Fehler in der Konsole sehen.

Geben Sie hier die Bildbeschreibung ein

Einige Bootstrap- und Jquery-Dateien wurden nicht geladen.

[Suchen Sie nach Skript- und CSS-Dateien mit Strg + Umschalt + F im VS-Code, und geben Sie den fehlenden Dateinamen und die Suche ein.]

Beheben Sie dies, indem Sie Skripts mit cdn oder dem genauen Speicherort der Datei in der Layoutdatei hinzufügen.

Geben Sie hier die Bildbeschreibung ein

Aktualisieren Sie nun die Seite und schauen Sie sich das an.

Geben Sie hier die Bildbeschreibung ein

Nun scheint die Site in Ordnung zu sein und endlich kein Konsolenfehler mehr.

Glückliche Kodierung



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow