Le but de ces tutoriels est de vous montrer comment développer une application fullstack avec Angular et ASP .NET Web API.

Code disponible sur Github : https://github.com/RichardC64/DemoAngularWebApi

Cette première étape consiste à mettre en place le squelette de la partie cliente, application Angular, avec angular-cli.

Etape 1 : Installez NodeJs

Rendez-vous pour cela sur le site https://nodejs.org/fr/ et installez la dernière version de NodeJs.

Etape 2 : Installez angular-cli

Ouvrez une invite de commande et tapez :

npm install -g @angular/cli@latest

Etape 3 : Génération du squelette de l'application

Créez un répertoire par exemple D:\DemoAngular.

Ouvrez une ligne de commande et placez vous dans ce répertoire. Tapez ;

ng new drh

ou drh est le nom de votre application.

Après un "long moment", votre application a été générée. Déplacez vous dans le répertoire D:\DemoAngular\drh puis tapez :

ng serve -o

Votre application est "compilée", le navigateur est lancé et ouvre automatiquement la page d'accueil de votre application à l'adresse http://localhost:4200.