In questo tutorial, ti mostreremo come installare Angular su Ubuntu 20.04 LTS. Per quelli di voi che non lo sapessero, Angular è un framework open source JavaScript che aiuta a sviluppare single -applicazioni Web di pagine adatte per Web/mobile/desktop. Angular combina modelli dichiarativi, iniezione di dipendenze, strumenti end-to-end e best practice integrate per risolvere le sfide di sviluppo. Angular consente agli sviluppatori di creare applicazioni che vivono sul Web, mobile, o desktop.
Questo articolo presuppone che tu abbia almeno una conoscenza di base di Linux, sappia come usare la shell e, soprattutto, che ospiti il tuo sito sul tuo VPS. L'installazione è abbastanza semplice e presuppone che tu sono in esecuzione nell'account root, in caso contrario potrebbe essere necessario aggiungere 'sudo ' ai comandi per ottenere i privilegi di root. Ti mostrerò l'installazione passo passo di Angular su Ubuntu 20.04 Focal Fossa. Puoi seguire le stesse istruzioni per Ubuntu 18.04, 16.04 e qualsiasi altra distribuzione basata su Debian come Linux Mint.
Installa Angular su Ubuntu 20.04 LTS Focal Fossa
Passaggio 1. Innanzitutto, assicurati che tutti i pacchetti di sistema siano aggiornati eseguendo il seguente apt comandi nel terminale.
sudo apt update sudo apt upgrade
Passaggio 2. Installazione di Node.js.
Installa Node.js e npm da Node Source. Devi semplicemente aggiungere il PPA per la versione che desideri installare:
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Per installare, esegui i comandi seguenti:
sudo apt install nodejs
Successivamente, aggiorna la versione di npm all'ultima versione eseguendo il comando seguente:
npm install npm@latest -g
Al termine, verifica l'installazione eseguendo:
node --version npm --version
Passaggio 3. Installazione di Angular su Ubuntu 20.04.
Esegui i seguenti comandi per installare lo strumento Angular CLI sul tuo sistema:
npm install -g @angular/cli
Una volta installato, verifica la versione installata di Angular utilizzando il seguente comando:
$ ng --version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1001.1
@angular-devkit/core 10.2.1
@angular-devkit/schematics 10.2.1
@schematics/angular 10.2.1
@schematics/update 0.1001.2
rxjs 6.6.4 Passaggio 4. Creazione di una nuova applicazione angolare.
Ora che abbiamo installato Angular, possiamo creare uno scaffolding di base per una nuova applicazione. Useremo la nostra CLI Angular appena installata per raggiungere questo obiettivo:
ng new idroot
Per prima cosa, passa alla directory appena creata per la nostra applicazione:
cd idroot ng serve --host your-server-ip --port 8088
Passaggio 5. Accesso all'interfaccia Web angolare.
Il progetto Angular è distribuito e in ascolto sulla porta 8088. Puoi accedervi utilizzando l'URL http://your-server-ip-address:8088 . Dovresti vedere la seguente schermata:
Congratulazioni! Hai installato con successo Angular. Grazie per aver utilizzato questo tutorial per l'installazione di Angular nel sistema Ubuntu 20.04 LTS Focal Fossa. Per ulteriore aiuto o informazioni utili, ti consigliamo di controllare il sito Web ufficiale di Angular.