La CLI d'Angular Cheat Sheet

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

6,409 views 1,281 downloads 6 Nov 2022 History

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'in­té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'in­té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'ap­pli­cation 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'ap­pli­cation my_app
ng build my_app
Lance la constr­uction de l'ap­pli­cation my_app
ng deploy my_app
Lance le déploi­ement en ligne de l'ap­pli­cation 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.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.