Angular 7 .NetCore 2 Template

Luis Tepepa

|
13,267 installs
| (2) | Free
Startup project for creating Angular 7 application with .net core 2.1 web api and swagger setup. The Angular side has bootstrap and font awesome.

Startup project for creating .net core 2.1 application with Angular 7 Cli. It comes with swagger, bootstrap with font awesome

Prerequisite

[Visual Studio 2017]

[Node] - https://nodejs.org/en/download/ Verify that you are running at least Node.js version 8.x or greater and npm version 5.x or greater by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

[Angular Cli 7] - To install run the following in command line. npm install -g @angular/cli verify version running: ng --version

[Typescript] - https://www.typescriptlang.org/ Verify that you have version 3.1 or above for npm global and SDK for visual studio. To check Global: You can check by running tsc -v in any terminal window. To check Visual Studio 2017: Right click on project -> properties -> Typescript Build -> Typescript Version 3.1 (should be there) VisualStudioTypescript.PNG

Getting Started

  1. Download and Install
  2. Create new Project

startup-project.PNG

  1. Right click on solution and select "Restore Nuget Packages"

restore.PNG

  1. Open terminal windows and browse to project location where the package.json file is, then run the following to install all the npm packages: npm install

npmInstall.PNG

  1. Run the application

angular-7-screenshot.PNG

Swagger

To test swagger

  1. Run applicaton
  2. add "/swagger" to url and should take to you swagger api tester

swagger.PNG

Angular Karma Testing

To test angular using karma

  1. run ng test in a terminal where the angular.json file is located

Karma.PNG