angular aspnetcore seed

각도-aspnetcore-시드

전체 VS 코드 디버깅이 포함된 Angular 7.2.7/ASP.NET Core 2.2 시드 프로젝트

설치

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 코드 및/또는 각도 코드가 변경되면 브라우저에서 자동으로 다시 로드되고 새로 고쳐집니다.

Visual Studio Code에서 디버깅

이 프로젝트에는 .vscode/launch.json 파일과 .vscode/tasks.json 파일이 포함되어 있습니다. 이는 기본적으로 F5 실행하고 서버 측 코드와 클라이언트 측 코드 모두에서 중단점에 도달할 수 있음을 의미합니다. 달콤한!!

처음 실행할 때 문제가 발생하면 Full stack 디버그 대상이 선택되었는지 확인하세요.

기여를 환영합니다

이것은 매우 비공식적인 프로젝트이며 개선 사항이 포함된 모든 끌어오기 요청이 허용됩니다. 여러분의 피드백을 기대합니다!

각도 훈련

Angular를 처음 접했거나 경험이 있다면 Ultimate Angular로 가서 Angular Framework 과정에 등록하는 것이 좋습니다. 배너에 있는 링크를 따라가세요.