====== Angular-Cli ======

===== Installation =====

[[https://github.com/angular/angular-cli]]

[[https://angular.io/cli]]

<code>
npm install -g @angular/cli
</code>

===== Générer un projet =====

==== Projet Solo ====

[[https://angular.io/cli/new]]
<code>
ng new project-name --routing=true --skipTests=true --style=scss
</code>

==== Projet Multi ====

  * https://octoperf.com/blog/2019/08/22/kraken-angular-workspace-multi-application-project/
  * https://angular.io/guide/file-structure

<code>
ng new NomDuProjet --createApplication=false --directory=nom-du-projet --interactive=false
cd nom-du-projet
ng generate application app1 --style=scss --routing=true --skipTests=true
ng generate application app2 --style=scss --routing=true --skipTests=true
ng generate lib library1
ng generate c component1 --project=app2

// compiler et installer la librairie au sein du projet
ng build library1
npm install .\dist\library1\
</code>

===== Mise à jour d'angular-cli =====

==== Sur l'ordinateur (global) ====

<code>
npm install -g @angular/cli
</code>

==== Dans un projet déjà généré ====

<code>
ng update @angular/cli @angular/core
</code>

===== Étapes suivantes =====

[[langages:angular:outils:ngxbootstrap|]]

===== Générer un composant =====
==== Projet Solo ====
<code>
ng g c MonComposant
ng g c sous-dossier/MonComposant
</code>
==== Projet Multi ====
<code>
ng g c MonComposant --project=app1
ng g c sous-dossier/MonComposant --project=app2
</code>