angular aspnetcore seed

graine-aspnetcore angulaire

Projet Seed Angular 7.2.7 / ASP.NET Core 2.2 avec débogage complet du code VS

Installation

1. Clonez le projet dans le dossier de votre choix - git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Supprimez le dossier .git - rm -rf .git
3. Initialisez un nouveau référentiel dans le répertoire - git init
4. Installer les packages NPM - (cd ClientApp && npm install)
5. Restaurer les packages NuGet - dotnet restore
6. Lancez Visual Studio Code- code .
7. Le débogage du code serveur et client peut être effectué en appuyant sur F5

Structure du projet

Back-End

Le back-end est une application WebAPI ASP.NET Core 2.2.

• Controllers - Ajoutez de nouveaux points de terminaison en créant ou en mettant à jour des contrôleurs dans ce répertoire
• Models - Ajouter des modèles de données dans ce dossier
• Interfaces - Ajoutez toutes les interfaces qui seront implémentées dans ce répertoire
• Services - Ajoutez tous les services dans ce répertoire. Généralement, les services effectueront les interactions directes HttpClient et Database
• Startup.cs - La configuration de démarrage existe ici, ainsi que l'enregistrement de tous les services de données qui seront injectés dans les contrôleurs au moment de l'exécution

L'extrémité avant

Vous trouverez le code front-end dans le répertoire ClientApp . Il s'agit d'une application CLI Angular 7.2.0 entièrement compatible. Cela signifie qu'à partir du dossier ClientApp des capacités complètes ng generate sont disponibles et encouragées.

Exécution du projet

Il s'agit d'un projet ASP.NET Core 2.2 avec un front-end Angular 6. Le projet dotnet est configuré pour créer automatiquement le projet Angular lorsque dotnet run est exécutée. Cela signifie que vous n'avez pas à vous soucier d'exécuter ng serve -o manuellement. Il fonctionne également en mode de rechargement à chaud, de sorte que toute modification apportée au code dotnet et/ou au code angulaire entraînera un rechargement et une actualisation automatiques dans le navigateur.

Débogage à partir de Visual Studio Code

Ce projet comprend un fichier .vscode/launch.json et un fichier .vscode/tasks.json . Cela signifie que par défaut, vous pouvez exécuter F5 et atteindre les points d'arrêt dans le code côté serveur et client. Doux!!

Si vous rencontrez des problèmes lors de la première exécution, assurez-vous que la cible de débogage Full stack est choisie.

Contributions bienvenues

Il s'agit d'un projet très informel et toutes les demandes de tirage comportant des améliorations seront acceptées. J'attends avec impatience vos retours !

Formation angulaire

Si vous êtes nouveau ou expérimenté avec Angular, je vous recommande fortement de vous rendre sur Ultimate Angular et de vous inscrire aux cours Angular Framework. Suivez le lien dans la bannière pour le faire.