So installieren Sie Angular CLI auf Ubuntu 18.04 & 16.04

Angular ist ein Frameworks, Bibliotheken, Vermögenswerte und Dienstprogramme. Es verfolgt alle Komponenten und prüft regelmäßig nach ihren Updates. In diesem Tutorial können Sie das Angular CLI -Werkzeug auf Ubuntu 19 installieren.10, 18.04 & 16.04 Linux -Betriebssysteme.

Referenz: Knoten servieren.JS -Anwendung hinter dem Apache -Server

Schritt 1 - Knoten installieren.JS

Zunächst müssen Sie den Knoten installieren.JS auf Ihrem System. Wenn Sie keinen Knoten haben.JS installiert verwenden den folgenden Befehlssatz, um den Knoten hinzuzufügen.JS PPA in Ihrem Ubuntu -System und installieren Sie es.

sudo apt installieren Python-Software-Properties curl -l https: // deb.nodesource.com/setup_14.x | sudo -e Bash - sudo apt installieren nodejs 

Stellen Sie sicher, dass Sie den Knoten erfolgreich installiert haben.JS und NPM auf Ihrem System

Knoten --version npm -Verssion 

Schritt 2 - Angular/CLI installieren

Nach der Installation des Knotens.JS und NPM in Ihrem System verwenden Sie folgende Befehle, um das Angular CLI -Tool auf Ihrem System zu installieren.

npm install -g @angular/cli installieren 

Die neueste Version von Angular CLI wird auf Ihrem Ubuntu Linux -System installiert. Möglicherweise benötigen Sie eine ältere Winkelversion auf Ihrer Maschine. So installieren Sie den Befehl spezifischer Angular -Versionen wie folgt mit der Versionsnummer.

npm install -g @angular/[E -Mail geschützt]10 #Angular 10 npm install -g @angular/[E -Mail geschützt]11 #Angular 11 npm install -g @angular/[E -Mail geschützt]12 #Angular 12 

Durch die Verwendung des Befehls -g -Befehls wird das Angular CLI -Werkzeug weltweit installiert. Daher ist es allen Benutzern und Anwendungen auf dem System zugänglich. Angular CLI liefert einen Befehl ng Wird für Befehlszeilenvorgänge verwendet. Überprüfen wir die installierte Version von NG auf Ihrem System.

ng -Verssion _ _ ____ _ ___ / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | ___ | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | | \ ____ | _____ | ___ | | ___/ Angular cli: 12.2.11 Knoten: 14.15.3 Paketmanager: NPM 6.14.9 OS: Linux X64 Angular: Undefined… Paketversion ----------------------------------- --------------- @Angular-Devkit/Architect 0.1202.11 (Cli-Only) @Angular-Devkit/Core 12.2.11 (Cli-Only) @Angular-Devkit/Schematik 12.2.11 (Cli-Only) @Schematik/Angular 12.2.11 (Cli-Only) 

Schritt 3 - Erstellen Sie eine neue Winkelanwendung

Erstellen Sie nun eine neue Anwendung namens Hello-Angular4 mit den Angular CLI-Werkzeugen. Führen Sie die Befehle dazu aus:

Ng New Hello-Angular 

Ausgang:

… ✔ erfolgreich installiert werden. Erfolgreich initialisierte Git. 

Dadurch wird ein Verzeichnis namens Hello-Angular in Ihrem aktuellen Verzeichnis erstellt und eine Anwendung erstellt.

Schritt 4 - Winkelanwendung servieren

Ihre grundlegende Winkelanwendung ist bereit zum Servieren. Wechseln Sie das Verzeichnis in Hello-Angular4 und führen Sie Ihre Winkelanwendung mit dem Befehl ng servieren aus.

CD Hallo-Angular ng servieren 

Sie können auf Ihre Winkelanwendung auf Localhost Port 4200 zugreifen, der Standard -Host und Port, die von Angular Application verwendet wird.

• http: // localhost: 4200

Sie können den Host und den Port für die Ausführung der Winkelanwendungen durch Bereitstellung ändern --Gastgeber Und --Hafen Kommandozeilenargumente.

ng serve -host 0.0.0.0 -Port 8080 

Die IP -Adresse 0.0.0.0 Hört auf allen Schnittstellen zu und ist öffentlich zugänglich.

Abschluss

Sie haben erfolgreich Angular CLI installiert und eine Beispielanwendung erstellt. Das nächste Tutorial hilft Ihnen dabei, die Winkelanwendung hinter dem Apache -Server so zu konfigurieren, dass sie mit einem Domänennamen dienen.