Angular CLI (Command Line Interface) è un potente strumento che aiuta gli sviluppatori a creare, sviluppare e mantenere rapidamente le applicazioni Angular. Fornisce comandi per la creazione di progetti, la costruzione, il test e il deploy delle applicazioni in modo efficiente.

Prerequisiti

Prima di installare Angular CLI, assicurarsi di disporre dei seguenti requisiti:

  • Node.js (si consiglia la versione LTS)
  • npm (viene fornito in bundle con Node.js)

È possibile verificare se Node.js e npm sono installati eseguendo

node -v
npm -v

Se non sono installati, scaricare e installare Node.js dal sito ufficiale di Node.js.

Installazione della CLI di Angular

Una volta installato Node.js, installate Angular CLI a livello globale utilizzando npm:

npm install -g @angular/cli

Per verificare l’installazione, controllare la versione:

ng version

Questo dovrebbe mostrare la versione di Angular CLI insieme alle dipendenze di Angular.

Creare un nuovo progetto Angular

Usate il seguente comando per creare un nuovo progetto Angular:

ng new my-angular-app

Verrà richiesto di scegliere configurazioni come il routing e lo styling (CSS, SCSS, ecc.). Una volta selezionate, la CLI imposterà il progetto.

Navigare nella cartella del progetto:

cd my-angular-app

Esecuzione dell’applicazione Angular

Per servire l’applicazione localmente, utilizzare:

ng serve

L’applicazione sarà disponibile all’indirizzo http://localhost:4200/ sulla macchina virtuale.

Capire i comandi della CLI di Angular

Ecco alcuni comandi essenziali della CLI di Angular:

  • ng serve – Esegue l’applicazione in locale.
  • ng generate component component-name – Crea un nuovo componente.
  • ng build – Costruisce l’applicazione per la produzione.
  • ng test – Esegue i test unitari.
  • ng e2e – Esegue i test end-to-end.
  • ng add package-name – Installa un pacchetto Angular.
  • ng update – Aggiorna Angular e le dipendenze.

Configurazione della CLI di Angular

Il file angular.json contiene le impostazioni di configurazione del progetto, come le opzioni build, serve e test. È possibile personalizzare i percorsi di compilazione, le directory di output e le risorse.

Conclusione

Seguendo questi passaggi, avete installato e configurato con successo Angular CLI. Questo strumento semplifica il flusso di lavoro dello sviluppo, rendendo più facile la gestione delle applicazioni Angular. Iniziate a esplorare i comandi della CLI di Angular per migliorare la vostra esperienza di sviluppo!