angular aspnetcore seed

semilla-aspnetcore-angular

Proyecto semilla Angular 7.2.7 / ASP.NET Core 2.2 con depuración completa de VS Code

Instalación

1. Clona el proyecto en la carpeta de tu elección: git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Eliminar la carpeta .git - rm -rf .git
3. Inicialice un nuevo repositorio en el directorio - git init
4. Instalar paquetes NPM - (cd ClientApp && npm install)
5. Restaurar paquetes NuGet: dotnet restore
6. Inicie Visual Studio Code - code .
7. La depuración del código del servidor y del cliente se puede realizar presionando F5

Estructura del proyecto

back-end

El back-end es una aplicación WebAPI ASP.NET Core 2.2.

• Controllers : agregue nuevos puntos finales creando o actualizando controladores en este directorio
• Models : agregar modelos de datos en esta carpeta
• Interfaces : agregue cualquier interfaz que se implementará en este directorio.
• Services : agregue cualquier servicio en este directorio. Normalmente, los servicios realizarán interacciones directas entre HttpClient y la base de datos.
• Startup.cs : aquí existe la configuración de inicio, así como el registro de cualquier servicio de datos que se inyectará en los controladores en tiempo de ejecución.

Interfaz

Encontrará el código de interfaz en el directorio ClientApp . Esta es una aplicación CLI Angular 7.2.0 totalmente compatible. Esto significa que desde la carpeta ClientApp están disponibles y se recomiendan capacidades completas ng generate .

ejecutando el proyecto

Este es un proyecto ASP.NET Core 2.2 con una interfaz Angular 6. El proyecto dotnet está configurado para construir automáticamente el proyecto Angular cuando se ejecuta dotnet run . Esto significa que no necesita preocuparse por ejecutar ng serve -o manualmente. También se ejecuta en modo de recarga en caliente, por lo que cualquier cambio realizado en el código dotnet y/o el código angular provocará una recarga y actualización automática en el navegador.

Depuración desde Visual Studio Code

Con este proyecto se incluye un archivo .vscode/launch.json y un archivo .vscode/tasks.json . Esto significa que, de forma predeterminada, puede ejecutar F5 y alcanzar puntos de interrupción tanto en el código del lado del servidor como del del cliente. ¡¡Dulce!!

Si tiene problemas al ejecutar por primera vez, asegúrese de elegir el objetivo de depuración Full stack .

Contribuciones bienvenidas

Este es un proyecto muy informal y se aceptarán todas y cada una de las solicitudes de extracción con mejoras. ¡Espero sus comentarios!

Entrenamiento angular

Si es nuevo o tiene experiencia con Angular, le recomiendo que visite Ultimate Angular y se registre en los cursos de Angular Framework. Siga el enlace en el banner para hacerlo.