angular aspnetcore seed

角 aspnetcore 种子

Angular 7.2.7 / ASP.NET Core 2.2 种子项目，具有完整的 VS Code 调试功能

安装

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目录中找到前端代码。这是一个完全兼容 Angular 7.2.0 CLI 应用程序。这意味着从ClientApp文件夹中可以使用并鼓励完整的ng generate功能。

运行项目

这是一个带有 Angular 6 前端的 ASP.NET Core 2.2 项目。 dotnet 项目配置为在执行dotnet run时自动构建 Angular 项目。这意味着您无需担心手动运行ng serve -o 。它还以热重载模式运行，因此对 dotnet 代码和/或 Angular 代码所做的任何更改都将导致浏览器中自动重新加载和刷新。

从 Visual Studio Code 进行调试

该项目包含一个.vscode/launch.json文件和一个.vscode/tasks.json文件。这意味着默认情况下您可以运行F5并在服务器和客户端代码中命中断点。甜的！！

如果首次运行时遇到问题，请确保选择Full stack调试目标。

欢迎贡献

这是一个非常非正式的项目，任何和所有带有改进的拉取请求都将被接受。我期待您的反馈！

角度训练

如果您是 Angular 新手或有经验，我强烈建议您前往 Ultimate Angular 并注册 Angular 框架课程。请点击横幅中的链接来执行此操作。