Angular2 : Installation et utilisation d’Angular CLI

Angular2 : Installation et utilisation d’Angular CLI

Présentation du CLI : est une interface de commande en ligne ( Command Line Interface ), autrement dit on va utiliser des commandes en lignes pour construire une application.

Etape 1 :

Installation du CLI

npm install -g angular-cli

 

Etape 2 :

Après l’installation on va créer notre application en respectant les étapes suivantes

ng new projet
cd projet
ng serve

Par défaut l’URL de notre application est : http://localhost:4200/

 

  • Liste des commandes :

– Pour créer un composant :

ng g component mon-component

 

– Pour créer une directive :

ng g directive mon-directive

 

– Pour créer un filtre :

ng g pipe mon-filtre

 

– Pour créer une route :

ng g m NOM_DU_DOSSIER --routing

 

Dernièrement , pour la compilation de notre application on utilise

ng build

Après la compilation on va avoir tous les fichiers dans un dossier de distribution dist

 

Site du Angular CLI