angular aspnetcore seed

угловое-aspnetcore-семя

Начальный проект Angular 7.2.7/ASP.NET Core 2.2 с полной отладкой кода VS

Установка

1. Клонируйте проект в выбранную вами папку — git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Удалите папку .git — rm -rf .git
3. Инициализировать новый репозиторий в каталоге — git init
4. Установите пакеты NPM — (cd ClientApp && npm install)
5. Восстановление пакетов NuGet — dotnet restore
6. Запустите Visual Studio Code — code .
7. Отладку кода сервера и клиента можно выполнить, нажав F5

Структура проекта

Серверная часть

Серверная часть — это приложение ASP.NET Core 2.2 WebAPI.

• Controllers — добавьте новые конечные точки, создав или обновив контроллеры в этом каталоге.
• Models — добавьте модели данных в эту папку.
• Interfaces — добавьте любые интерфейсы, которые будут реализованы в этом каталоге.
• Services — добавьте любые службы в этот каталог. Обычно службы осуществляют прямое взаимодействие HttpClient и базы данных.
• Startup.cs — здесь находится конфигурация запуска, а также регистрация любых служб данных, которые будут внедрены в контроллеры во время выполнения.

Внешний интерфейс

Вы найдете код внешнего интерфейса в каталоге ClientApp . Это полностью совместимое CLI-приложение Angular 7.2.0. Это означает, что из папки ClientApp доступны и приветствуются полные возможности ng generate .

Запуск проекта

Это проект ASP.NET Core 2.2 с интерфейсом Angular 6. Проект dotnet настроен на автоматическую сборку проекта Angular при выполнении dotnet run . Это означает, что вам не нужно беспокоиться о запуске ng serve -o вручную. Он также работает в режиме горячей перезагрузки, поэтому любые изменения, внесенные в код dotnet и/или код angular, вызовут автоматическую перезагрузку и обновление браузера.

Отладка из кода Visual Studio

В этот проект включены файлы .vscode/launch.json и файлы .vscode/tasks.json . Это означает, что по умолчанию вы можете запускать F5 и нажимать точки останова как в серверном, так и в клиентском коде. Сладкий!!

Если у вас возникли проблемы при первом запуске, убедитесь, что выбрана цель отладки Full stack .

Взносы приветствуются

Это очень неформальный проект, и любые запросы на внесение изменений с улучшениями будут приняты. Я с нетерпением жду ваших отзывов!

Угловое обучение

Если вы новичок или имеете опыт работы с Angular, я настоятельно рекомендую вам перейти на Ultimate Angular и записаться на курсы Angular Framework. Для этого перейдите по ссылке в баннере.