Angular 4 - 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/cliPer 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 // verrà compilato e puoi vedere l'output del tuo progetto nel 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 4201La tabella seguente elenca alcuni comandi importanti richiesti mentre si lavora con i progetti Angular 4.
| Componente | ng g component new-component |
| Direttiva | ng g direttiva nuova direttiva |
| Tubo | ng g pipe new-pipe |
| Servizio | ng g service new-service |
| Modulo | ng g module my-module |
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.