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/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 // ​​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 4201

La 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.