Cheatography
                https://cheatography.com
            
        
        
    
                   
                            
    
                    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 "--help" à votre commande, exemple : 
ng --help 
ng new --help 
ng generate --help 
ng test --help  | 
                     
                             
                             
    
    
            Créer un workspace et des applications
        
                        
                                                                                    
                                                                                            ng new my_application  | 
                                                                                                                        Créé un workspace nommé my_application avec une application par défaut à l'intérieur  | 
                                                                                 
                                                                                            
                                                                                            ng new --create-application=false my_application  | 
                                                                                                                        Créé un workspace nommé my_application sans aucune application dedans  | 
                                                                                 
                                                                                            
                                                                                            ng generate application my_application  | 
                                                                                                                        A l'intérieur d'un workspace, créé une nouvelle application my_application  | 
                                                                                 
                                                                         
                             
    
    
            Lancer, tester et déployer un projet
        
                        
                                                                                    
                                                                                            ng serve my_app  | 
                                                                                                                        Lance un serveur de développement local sur http://localhost:4200 avec l'application my_app  | 
                                                                                 
                                                                                            
                                                                                            ng serve --port=5500 my_app  | 
                                                                                                                        Lance un serveur de développement sur http://localhost:5500  | 
                                                                                 
                                                                                            
                                                                                            ng serve my_app --open (ou -o)  | 
                                                                                                                        Lance un serveur de développement et ouvre automatiquement le navigateur dessus  | 
                                                                                 
                                                                                            
                                                                                            ng serve my_app --hmr  | 
                                                                                                                        Lance le serveur de développement avec l'option Hot Module Replacement  | 
                                                                                 
                                                                                            
                                                                                            ng test my_app  | 
                                                                                                                        Lance le framework de tests sur l'application my_app  | 
                                                                                 
                                                                                            
                                                                                            ng build my_app  | 
                                                                                                                        Lance la construction de l'application my_app  | 
                                                                                 
                                                                                            
                                                                                            ng deploy my_app  | 
                                                                                                                        Lance le déploiement en ligne de l'application my_app  | 
                                                                                 
                                                                         
                             
                             | 
                                                                              | 
                                                        
                                
    
    
            Faire évoluer un projet
        
                        
                                                                                    
                                                                                            ng generate component my_component  | 
                                                                                                                        Créer un composant my_component dans votre application par défaut  | 
                                                                                 
                                                                                            
                                                                                            ng generate component my_component --project=my_project  | 
                                                                                                                        Créé un composant my_component dans un projet spécifique  | 
                                                                                 
                                                                                            
                                                                                            ng g c my_component  | 
                                                                                                                        Version raccourcie de ng generate component  | 
                                                                                 
                                                                                            
                                                                                            ng g c my_component -t  | 
                                                                                                                        Créé un composant my_component sans fichier template HTML  | 
                                                                                 
                                                                                            
                                                                                            ng g c my_component -s  | 
                                                                                                                        Créé un composant my_component sans fichier styles CSS  | 
                                                                                 
                                                                                            
                                                                                            ng g c my_component --flat  | 
                                                                                                                        Créé un composant my_component sans créé un dossier spécifique pour le composant  | 
                                                                                 
                                                                                            
                                                                                            ng g c my_component --skip-tests  | 
                                                                                                                        Créé un composant my_component sans créer de fichier de tests  | 
                                                                                 
                                                                                            
                                                                                            ng generate directive my_directive  | 
                                                                                                                        Créé une directive my_directive  | 
                                                                                 
                                                                                            
                                                                                            ng generate service my_service  | 
                                                                                                                        Créé un service my_service  | 
                                                                                 
                                                                         
                             
    
    
            Liens à suivre
        
                        
                                                                                    
                                                                                             | 
                                                                                                                        La chaîne YouTube de Lior  | 
                                                                                 
                                                                                            
                                                                                             | 
                                                                                                                        La plateforme de formation de Lior  | 
                                                                                 
                                                                         
                             
                             | 
                                                            
            
                            
            
            
        
        
        
        
        
            
    
        
          
        
         
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets
More Cheat Sheets by LiorChamla