Show Menu
Cheatography

La CLI d'Angular Cheat Sheet by

Les commandes à connaître pour construire et faire évoluer une application Angular

Obtenir de l'aide avec la CLI

Pour connaître toutes les options possibles d'une commande, ajoutez "­--h­elp­" à votre commande, exemple :
ng --help
ng new --help
ng generate --help
ng test --help

Créer un workspace et des applic­ations

ng new my_app­lic­ation
Créé un workspace nommé my_app­lic­ation avec une applic­ation par défaut à l'inté­rieur
ng new --crea­te-­app­lic­ati­on=­false my_app­lic­ation
Créé un workspace nommé my_app­lic­ation sans aucune applic­ation dedans
ng generate applic­ation my_app­lic­ation
A l'inté­rieur d'un workspace, créé une nouvelle applic­ation my_app­lic­ation

Lancer, tester et déployer un projet

ng serve my_app
Lance un serveur de dévelo­ppement local sur http:/­/lo­cal­hos­t:4200 avec l'appl­ication my_app
ng serve --port­=5500 my_app
Lance un serveur de dévelo­ppement sur http:/­/lo­cal­hos­t:5500
ng serve my_app --open (ou -o)
Lance un serveur de dévelo­ppement et ouvre automa­tiq­uement le navigateur dessus
ng serve my_app --hmr
Lance le serveur de dévelo­ppement avec l'option Hot Module Replac­ement
ng test my_app
Lance le framework de tests sur l'appl­ication my_app
ng build my_app
Lance la constr­uction de l'appl­ication my_app
ng deploy my_app
Lance le déploi­ement en ligne de l'appl­ication my_app
 

Faire évoluer un projet

ng generate component my_com­ponent
Créer un composant my_com­ponent dans votre applic­ation par défaut
ng generate component my_com­ponent --proj­ect­=my­_pr­oject
Créé un composant my_com­ponent dans un projet spécifique
ng g c my_com­ponent
Version raccourcie de ng generate component
ng g c my_com­ponent -t
Créé un composant my_com­ponent sans fichier template HTML
ng g c my_com­ponent -s
Créé un composant my_com­ponent sans fichier styles CSS
ng g c my_com­ponent --flat
Créé un composant my_com­ponent sans créé un dossier spécifique pour le composant
ng g c my_com­ponent --skip­-tests
Créé un composant my_com­ponent sans créer de fichier de tests
ng generate directive my_dir­ective
Créé une directive my_dir­ective
ng generate service my_service
Créé un service my_service

Liens à suivre

La chaîne YouTube de Lior
La plateforme de formation de Lior
   
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          AngularJS Cheat Sheet
          Basic Cisco IOS Commands Cheat Sheet
          Angular CLI Cheat Sheet

          More Cheat Sheets by LiorChamla

          Les commandes de CLI Symfony Cheat Sheet
          Les commandes PHP et Composer à connaître Cheat Sheet
          Bases de Symfony Cheat Sheet