angular aspnetcore seed

Angular-Aspnetcore-Seed

Angular 7.2.7 / ASP.NET Core 2.2 Seed-Projekt mit vollständigem VS-Code-Debugging

Installation

1. Klonen Sie das Projekt in den Ordner Ihrer Wahl – git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Entfernen Sie den .git Ordner – rm -rf .git
3. Initialisieren Sie ein neues Repository im Verzeichnis – git init
4. NPM-Pakete installieren – (cd ClientApp && npm install)
5. Wiederherstellen von NuGet-Paketen – dotnet restore
6. Starten Sie Visual Studio Code – code .
7. Das Debuggen von Server- und Clientcode kann durch Drücken von F5 erfolgen

Struktur des Projekts

Back-End

Das Back-End ist eine ASP.NET Core 2.2 WebAPI-Anwendung.

• Controllers – Fügen Sie neue Endpunkte hinzu, indem Sie Controller in diesem Verzeichnis erstellen oder aktualisieren
• Models – Fügen Sie Datenmodelle in diesem Ordner hinzu
• Interfaces – Fügen Sie alle Schnittstellen hinzu, die in diesem Verzeichnis implementiert werden
• Services – Fügen Sie alle Dienste in diesem Verzeichnis hinzu. Typischerweise führen Dienste die direkten HttpClient- und Datenbankinteraktionen durch
• Startup.cs – Hier gibt es eine Startkonfiguration sowie die Registrierung aller Datendienste, die zur Laufzeit in Controller eingespeist werden

Frontend

Sie finden den Frontend-Code im ClientApp -Verzeichnis. Dies ist eine vollständig kompatible Angular 7.2.0 CLI-Anwendung. Dies bedeutet, dass im ClientApp Ordner sämtliche ng generate verfügbar sind und empfohlen werden.

Ausführen des Projekts

Dies ist ein ASP.NET Core 2.2-Projekt mit einem Angular 6-Frontend. Das Dotnet-Projekt ist so konfiguriert, dass das Angular-Projekt automatisch erstellt wird, wenn dotnet run ausgeführt wird. Dies bedeutet, dass Sie sich keine Gedanken über die manuelle Ausführung ng serve -o machen müssen. Es läuft auch im Hot-Reload-Modus, sodass alle am Dotnet-Code und/oder am Angular-Code vorgenommenen Änderungen ein automatisches Neuladen und Aktualisieren im Browser bewirken.

Debuggen aus Visual Studio Code

In diesem Projekt sind eine .vscode/launch.json Datei und eine .vscode/tasks.json Datei enthalten. Das bedeutet, dass Sie standardmäßig F5 ausführen und Haltepunkte sowohl im server- als auch im clientseitigen Code erreichen können. Süß!!

Wenn bei der ersten Ausführung Probleme auftreten, stellen Sie sicher, dass das Debug-Ziel Full stack ausgewählt ist.

Beiträge willkommen

Dies ist ein sehr informelles Projekt und alle Pull-Requests mit Verbesserungen werden akzeptiert. Ich freue mich auf Ihr Feedback!

Angular-Training

Wenn Sie neu oder bereits mit Angular vertraut sind, empfehle ich Ihnen dringend, zu Ultimate Angular zu wechseln und sich für die Angular Framework-Kurse anzumelden. Folgen Sie dazu dem Link im Banner.