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.