angular aspnetcore seed

semente angular-aspnetcore

Projeto Angular 7.2.7/ASP.NET Core 2.2 Seed com depuração completa do VS Code

Instalação

1. Clone o projeto na pasta de sua escolha - git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Remova a pasta .git - rm -rf .git
3. Inicialize um novo repositório no diretório - git init
4. Instalar pacotes NPM - (cd ClientApp && npm install)
5. Restaurar pacotes NuGet - dotnet restore
6. Inicie o código do Visual Studio code .
7. A depuração do código do servidor e do cliente pode ser feita pressionando F5

Estrutura do Projeto

Back-end

O back-end é um aplicativo WebAPI ASP.NET Core 2.2.

• Controllers – Adicione novos endpoints criando ou atualizando Controllers neste diretório
• Models – Adicione modelos de dados nesta pasta
• Interfaces - Adicione quaisquer interfaces que serão implementadas neste diretório
• Services - Adicione quaisquer serviços neste diretório. Normalmente, os serviços farão interações diretas entre HttpClient e banco de dados
• Startup.cs - Aqui existe a configuração de inicialização, bem como o registro de quaisquer serviços de dados que serão injetados nos Controladores em tempo de execução

Front-end

Você encontrará o código front-end no diretório ClientApp . Este é um aplicativo CLI Angular 7.2.0 totalmente compatível. Isso significa que, na pasta ClientApp todos os recursos ng generate estão disponíveis e são incentivados.

Executando o projeto

Este é um projeto ASP.NET Core 2.2 com front-end Angular 6. O projeto dotnet é configurado para construir automaticamente o projeto Angular quando dotnet run é executado. Isso significa que você não precisa se preocupar em executar ng serve -o manualmente. Ele também é executado no modo hot reload, portanto, quaisquer alterações feitas no código dotnet e/ou no código angular causarão um recarregamento e atualização automáticos no navegador.

Depuração do código do Visual Studio

Incluído neste projeto está um arquivo .vscode/launch.json e um arquivo .vscode/tasks.json . Isso significa que, por padrão, você pode executar F5 e atingir pontos de interrupção no código do servidor e do cliente. Doce!!

Se você tiver problemas na primeira execução, certifique-se de que o destino de depuração Full stack esteja escolhido.

Contribuições bem-vindas

Este é um projeto muito informal e toda e qualquer solicitação pull com melhorias será aceita. Aguardo seu feedback!

Treinamento Angular

Se você é novo ou tem experiência com Angular, recomendo fortemente que você vá ao Ultimate Angular e se inscreva nos cursos do Angular Framework. Siga o link no banner para fazer isso.