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 框架課程。請點擊橫幅中的連結來執行此操作。