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/01/26 16:18]
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]]
 <code> <code>
-ng new project-name --routing=true --skipTests=true+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 33: 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.1548515924.txt.gz · Dernière modification: 2019/01/26 16:18 de jonathan