Angular 2 - CLI
Command Line Interface (CLI) può essere utilizzata per creare la nostra applicazione JS angolare. Aiuta anche a creare un'unità e test end-to-end per l'applicazione.
Il sito ufficiale per Angular CLI è https://cli.angular.io/
![](https://assets.edu.lat/angular2/images/angular_io.jpg)
Se fai clic sull'opzione Inizia, verrai indirizzato al repository github per la CLI https://github.com/angular/angular-cli
![](https://assets.edu.lat/angular2/images/angular_cli.jpg)
Diamo ora un'occhiata ad alcune delle cose che possiamo fare con Angular CLI.
Installazione della CLI
Note- Assicurati che Python sia installato sul sistema. Python può essere scaricato dal sitohttps://www.python.org/
![](https://assets.edu.lat/angular2/images/python.jpg)
Il primo passo è installare la CLI. Possiamo farlo con il seguente comando:
npm install –g angular-cli
Ora, crea una nuova cartella chiamata angularCLI in qualsiasi directory ed esegui il comando sopra.
![](https://assets.edu.lat/angular2/images/angular_cli_directory.jpg)
Al termine, verrà installata la CLI.
![](https://assets.edu.lat/angular2/images/cli_installed.jpg)
Creazione di un progetto
Il progetto JS angolare può essere creato utilizzando il seguente comando.
Sintassi
ng new Project_name
Parametri
Project_name - Questo è il nome del progetto che deve essere creato.
Produzione
Nessuna.
Esempio
Eseguiamo il seguente comando per creare un nuovo progetto.
ng new demo2
Creerà automaticamente i file e inizierà a scaricare i pacchetti npm necessari.
![](https://assets.edu.lat/angular2/images/npm_packages.jpg)
Ora nel codice di Visual Studio possiamo aprire il progetto appena creato.
![](https://assets.edu.lat/angular2/images/newly_created_project.jpg)
Esecuzione del progetto
Per eseguire il progetto, è necessario emettere il seguente comando:
ng server
![](https://assets.edu.lat/angular2/images/ng_server.jpg)
Il numero di porta predefinito per l'applicazione in esecuzione è 4200. È possibile accedere alla porta e vedere l'applicazione in esecuzione.
![](https://assets.edu.lat/angular2/images/app_works.jpg)