So installieren Sie Angular CLI auf CentOS 8

Angular ist ein beliebtes Open-Source-Anwendungsentwicklungs-Framework. Es ist hochgradig erweiterbar und wird zur Entwicklung von mobilen und Webanwendungen mit TypeScript/JavaScript verwendet. Es ist darauf ausgelegt, kleine bis große Anwendungen von Grund auf zu erstellen. Es bietet ein Angular CLI-Dienstprogramm zum Erstellen, Verwalten, Erstellen und Testen von Angular-Anwendungen.

In diesem Beitrag zeigen wir Ihnen, wie Sie Angular (CLI) auf CentOS 8 installieren.

Voraussetzungen

Ein Server, der CentOS 8 ausführt.
Ein Root-Passwort ist auf Ihrem Server konfiguriert.

Node.js installieren

Um Angular zu installieren, muss Node.js auf Ihrem Server installiert sein. Wenn es nicht installiert ist, können Sie es mit dem folgenden Befehl installieren:

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

Sobald die Installation abgeschlossen ist, überprüfen Sie die installierte Version von Node.js mit dem folgenden Befehl:

node --version

Ausgabe:

v14.16.1

Sie können auch die NPM-Version mit dem folgenden Befehl überprüfen:

npm --version

Ausgabe:

6.14.12

Angular/CLI installieren

Jetzt können Sie Angular/CLI installieren, indem Sie den folgenden Befehl ausführen:

npm install -g @angular/cli

Sobald es installiert ist, überprüfen Sie die installierte Version von Angular/CLI mit dem folgenden Befehl:

ng --version

Sie sollten die folgende Ausgabe erhalten:

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    
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)

Eine Anwendung mit Angular erstellen

Angular/CLI bietet eine einfachere Möglichkeit, eine Anwendung in einer Produktions- und lokalen Umgebung zu erstellen und bereitzustellen.

Um eine neue Anwendung mit dem Namen hello-world zu erstellen, führen Sie den folgenden Befehl aus:

ng new hello-world

Sobald die Anwendung erstellt ist, wechseln Sie in das Verzeichnis hello-world und starten Sie die Anwendung mit dem folgenden Befehl:

cd hello-world  
gn serve

Sie sollten die folgende Ausgabe sehen:

 Angular Live Development Server hört auf localhost:4200, öffnen Sie Ihren Browser unter http://localhost:4200/ 


? Erfolgreich kompiliert.
? Die Generierung des Browseranwendungsbündels ist abgeschlossen.

Initial Chunk Files | Namen  |      Größe
styles.css          | styles | 119 Bytes

4 unveränderte Chunks

Build um: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Zeit: 523ms

? Erfolgreich kompiliert.

Wie Sie sehen können, wurde Ihre Anwendung gestartet und hört auf Port 4200 auf dem localhost.

Drücken Sie CTRL+C, um die Anwendung zu stoppen.

Wenn Sie Ihre Anwendung auf einer bestimmten IP-Adresse oder einem bestimmten Port starten möchten, führen Sie den folgenden Befehl aus:

gn serve --host 0.0.0.0 --port 3000

Sie sollten die folgende Ausgabe erhalten:

Initial Chunk Files | Namen         |      Größe
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 um: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Zeit: 11348ms

 Angular Live Development Server hört auf 0.0.0.0:3000, öffnen Sie Ihren Browser unter http://localhost:3000/ 

? Erfolgreich kompiliert.

Zugriff auf die Angular-Anwendung

An diesem Punkt wurde Ihre Angular-Anwendung gestartet und hört auf Port 3000 auf allen Netzwerkinterfaces. Sie können jetzt über die URL http://your-server-ip:3000 darauf zugreifen. Sie sollten Ihre Anwendung auf der folgenden Seite sehen:

Angular-App

Fazit

Herzlichen Glückwunsch! Sie haben Angular erfolgreich auf CentOS 8 installiert. Sie können jetzt mit dem Erstellen Ihrer ersten Anwendung mit Angular beginnen und sie in der Produktionsumgebung bereitstellen.