Développement

Astuces de développement

Outils pour utilisateurs

Outils du site


langages:angular:outils:angular-cli

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
langages:angular:outils:angular-cli [2019/11/18 11:43]
jonathan
langages:angular:outils:angular-cli [2020/11/18 20:29] (Version actuelle)
jonathan
Ligne 12: Ligne 12:
  
 ===== Générer un projet ===== ===== Générer un projet =====
 +
 +==== Projet Solo ====
 +
 [[https://angular.io/cli/new]] [[https://angular.io/cli/new]]
 <code> <code>
 ng new project-name --routing=true --skipTests=true --style=scss 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> </code>
  
Ligne 34: Ligne 55:
  
 [[langages:angular:outils:ngxbootstrap|]] [[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>
 +
langages/angular/outils/angular-cli.1574073785.txt.gz · Dernière modification: 2019/11/18 11:43 de jonathan