Angular7 - Prompt CLI
Angular CLI rende facile iniziare con qualsiasi progetto Angular. Angular CLI viene fornito con comandi che ci aiutano a creare e iniziare il nostro progetto molto velocemente. Passiamo ora ai comandi disponibili per creare un progetto, un componente e servizi, cambiare la porta, ecc.
Per lavorare con Angular CLI, dobbiamo averlo installato sul nostro sistema. Usiamo il seguente comando per lo stesso:
npm install -g @angular/cli
Per creare un nuovo progetto, possiamo eseguire il seguente comando nella riga di comando e il progetto verrà creato.
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //
ng serve // will compile and you can see the output of your project in the browser −
http://localhost:4200/
4200 è la porta predefinita utilizzata quando viene creato un nuovo progetto. Puoi cambiare la porta con il seguente comando:
ng serve --host 0.0.0.0 --port 4201
Comando per l'aggiornamento angolare
Nel caso in cui desideri aggiornare la tua applicazione e le sue dipendenze, puoi utilizzare il seguente comando:
ng update @angular/cli @angular/core
Aggiornerà il framework principale alla versione recente, ovvero Angular 7 e anche angular-cli. Puoi usare il comando sopra con le seguenti opzioni:
Elenco dei comandi importanti angolari
La tabella seguente elenca alcuni comandi importanti richiesti mentre si lavora con i progetti Angular 7 -
Suor n | Comandi e descrizione |
---|---|
1 | Component ng g component new-component |
2 | Directive ng g direttiva nuova direttiva |
3 | Pipe ng g pipe new-pipe |
4 | Service ng g service new-service |
5 | Module ng g module my-module |
6 | Test ng test |
7 | Build ng build --configuration = production // per l'ambiente di produzione ng build --configuration = staging // per dichiarare l'ambiente |
Ogni volta che viene creato un nuovo modulo, un componente o un servizio, il riferimento dello stesso viene aggiornato nel modulo padre app.module.ts.