CLI angolare - Configurazione dell'ambiente

Per lavorare con Angular CLI, dobbiamo avere Node installato sul nostro sistema.

Scarica l'archivio Node.js.

Scarica l'ultima versione del file di archivio installabile Node.js da Node.js Downloads . Al momento della stesura di questo tutorial, di seguito sono riportate le versioni disponibili su diversi sistemi operativi.

Installazione su UNIX / Linux / Mac OS X e SunOS

In base all'architettura del tuo sistema operativo, scarica ed estrai l'archivio node-v6.3.1-osname.tar.gz in / tmp, quindi sposta infine i file estratti nella directory / usr / local / nodejs. Per esempio:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Aggiungi / usr / local / nodejs / bin alla variabile d'ambiente PATH.

Installazione su Windows

Utilizza il file MSI e segui le istruzioni per installare Node.js. Per impostazione predefinita, il programma di installazione utilizza la distribuzione Node.js in C: \ Programmi \ nodejs. Il programma di installazione dovrebbe impostare la directory C: \ Program Files \ nodejs \ bin nella variabile di ambiente PATH della finestra. Riavvia tutti i prompt dei comandi aperti per rendere effettive le modifiche.

Verifica installazione: esecuzione di un file

Crea un file js denominato main.js sulla tua macchina (Windows o Linux) con il seguente codice.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Ora esegui il file main.js usando l'interprete Node.js per vedere il risultato -

$ node main.js

Se tutto va bene con la tua installazione, questo dovrebbe produrre il seguente risultato:

Hello, World!

Ora che Node è installato, esegui il seguente comando per installare Angular CLI.

Usiamo il seguente comando per lo stesso:

npm install -g @angular/cli

Verifica l'installazione

Ora esegui il seguente comando per vedere il risultato:

$ ng --version

Se tutto va bene con la tua installazione, questo dovrebbe produrre il seguente risultato:

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

In Windows, nel caso in cui ng non venga riconosciuto come comando interno o esterno, aggiornare la variabile del percorso di sistema per includere il seguente percorso.

C:\Users\<User Directory>\AppData\Roaming\npm