Angular è un popolare framework di sviluppo di applicazioni open source. È altamente estensibile e utilizzato per lo sviluppo di applicazioni mobili e Web utilizzando TypeScript/JavaScript. È progettato per creare da zero applicazioni di piccole e grandi dimensioni. Fornisce un'utilità Angular CLI per creare, gestire, creare e testare applicazioni Angular..
In questo post, ti mostreremo come installare Angular (CLI) su CentOS 8.
Prerequisiti
- Un server che esegue CentOS 8.
- Sul tuo server è configurata una password di root.
Installa Node.js
Per installare Angular, Node.js deve essere installato nel 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
Uscita:
v14.16.1
Puoi anche verificare la versione NPM utilizzando il comando seguente:
npm --version
Uscita:
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 denominata hello-world, esegui il comando seguente:
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
ng serve
Dovresti vedere il seguente output:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ? Compiled successfully. ? Browser application bundle generation complete. Initial Chunk Files | Names | Size styles.css | styles | 119 bytes 4 unchanged chunks Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms ? Compiled successfully.
Come puoi vedere, la tua applicazione è avviata e in ascolto sulla porta 4200 sul locahost.
Premi CTRL+C per interrompere l'applicazione.
Se desideri avviare la tua applicazione su un indirizzo IP o una porta specifici, esegui il comando seguente:
ng serve --host 0.0.0.0 --port 3000
Dovresti ottenere il seguente output:
Initial Chunk Files | Names | Size
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 bytes
| Initial Total | 2.87 MB
Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms
** Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ **
? Compiled successfully.
Accedi all'applicazione angolare
A questo punto, la tua applicazione Angular viene avviata e rimane in ascolto sulla porta 3000 su tutte le interfacce di rete. Ora puoi accedervi utilizzando l'URL http://your-server-ip:3000. Dovresti vedere la tua applicazione nella pagina seguente:
Conclusione
Congratulazioni! hai installato correttamente Angular su CentOS 8. Ora puoi iniziare a creare la tua prima applicazione con Angular e distribuirla nell'ambiente di produzione.