Come installare Angular CLI su CentOS 8

Angular è un popolare framework di sviluppo applicazioni open-source. È altamente estensibile e utilizzato per sviluppare applicazioni mobili e web utilizzando TypeScript/JavaScript. È progettato per costruire applicazioni di piccole e grandi dimensioni da zero. Fornisce un’utilità Angular CLI per creare, gestire, costruire e testare applicazioni Angular.

In questo post, ti mostreremo come installare Angular (CLI) su CentOS 8.

Prerequisiti

Un server che esegue CentOS 8.
Una password di root configurata sul tuo server.

Installa Node.js

Per installare Angular, Node.js deve essere installato sul tuo server. Se non è installato, puoi installarlo con il seguente comando:

curl -sL https://rpm.nodesource.com/setup_14.x | bash -  
dnf install nodejs -y

Una volta completata l’installazione, verifica la versione installata di Node.js con il seguente comando:

node --version

Output:

v14.16.1

Puoi anche verificare la versione di NPM utilizzando il seguente comando:

npm --version

Output:

6.14.12

Installa Angular/CLI

Ora puoi installare Angular/CLI eseguendo il seguente comando:

npm install -g @angular/cli

Una volta installato, verifica la versione installata di Angular/CLI con il seguente comando:

ng --version

Dovresti ottenere il seguente output:

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

Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64

Angular: 
... 
Ivy Workspace: 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1102.7 (cli-only)
@angular-devkit/core         11.2.7 (cli-only)
@angular-devkit/schematics   11.2.7 (cli-only)
@schematics/angular          11.2.7 (cli-only)
@schematics/update           0.1102.7 (cli-only)

Crea un’applicazione con Angular

Angular/CLI fornisce un modo più semplice per creare e distribuire un’applicazione in un ambiente di produzione e locale.

Per creare una nuova applicazione chiamata hello-world, esegui il seguente comando:

ng new hello-world

Una volta creata l’applicazione, cambia la directory in hello-world e avvia l’applicazione con il seguente comando:

cd hello-world  
gn serve

Dovresti vedere il seguente output:

 Angular Live Development Server è in ascolto su localhost:4200, apri il tuo browser su http://localhost:4200/ 


? Compilato con successo.
? Generazione del pacchetto dell'applicazione del browser completata.

File Chunk Iniziali | Nomi  |      Dimensione
styles.css          | styles | 119 byte

4 chunk invariati

Costruzione a: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Tempo: 523ms

? Compilato con successo.

Come puoi vedere, la tua applicazione è avviata e in ascolto sulla porta 4200 sul localhost.

Premi CTRL+C per fermare l’applicazione.

Se desideri avviare la tua applicazione su un indirizzo IP o una porta specifici, esegui il seguente comando:

ng serve --host 0.0.0.0 --port 3000

Dovresti ottenere il seguente output:

File Chunk Iniziali | Nomi         |      Dimensione
vendor.js           | vendor        |   2.69 MB
polyfills.js        | polyfills     | 128.74 kB
main.js             | main          |  56.94 kB
runtime.js          | runtime       |   6.15 kB
styles.css          | styles        | 119 byte

                    | Totale Iniziale |   2.87 MB

Costruzione a: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Tempo: 11348ms

 Angular Live Development Server è in ascolto su 0.0.0.0:3000, apri il tuo browser su http://localhost:3000/ 

? Compilato con successo.

Accedi all’applicazione Angular

A questo punto, la tua applicazione Angular è avviata e in ascolto sulla porta 3000 su tutte le interfacce di rete. Puoi ora accedervi utilizzando l’URL http://your-server-ip:3000. Dovresti vedere la tua applicazione nella seguente pagina:

App Angular

Conclusione

Congratulazioni! hai installato con successo Angular su CentOS 8. Ora puoi iniziare a costruire la tua prima applicazione con Angular e distribuirla nell’ambiente di produzione.