La CLI Angular ci aiuta a creare rapidamente un'applicazione Angular con tutti i file e pacchetti di configurazione in un unico comando. Ci aiuta anche ad aggiungere funzionalità (componenti, direttive, servizi, ecc.) alle applicazioni Angular esistenti.
Angular CLI crea l'applicazione Angular e utilizza Typescript, Webpack (per il raggruppamento dei moduli), Karma (per i test unitari), Goniometro (per un test end-to-end).
Il primo passo è installare l'Angular CLI. Usiamo il comando npm install:
$ npm install -g @angular/cli@latestTramite il seguente comando è possibile ottenere la versione CLI installata:
$ ng --version
Se invece avessimo dovuto disintallare la CLI, ecco i comandi:
$ npm cache clean --force
/Angular$ ng new GettingStarted
Per creare un nuovo progetto angular, creo una cartella Angular:
$ mkdir Angular
$ cd Angular
che fa le seguenti cose:
- Crea una nuova directory Viene creato GettingStarted.
- Imposta la struttura delle cartelle per l'applicazione.
- Scarica e installa le librerie Angular e qualsiasi altra dipendenza.
- Installa e configura TypeScript.
- Installa e configura Karma e Protractor per i test.
Per lanciare lo specifico progetto entro nella cartella del progetto:
/Angular$ cd GettingStarted
e poi
/Angular/GettingStarted$ ng serve GettingStarted
oppure più semplicemente:
/Angular/GettingStarted$ ng serve
In genere collegandosi poi con il browser al seguente indirizzo si vedrà l'applicazione appena creata, girare:
http://localhost:4200
Oppure si può fare partire su una porta differente:
$ ng serve --port 4201
Un interessante articolo con tutte le opzioni per il richiamo della CLI.
Un altro interessante articolo su come creare un nuovo progetto in node con la CLI.
