So installieren Sie Angular unter Ubuntu 24.04

Eine frei zugängliche JavaScript-Plattform zum Erstellen dynamischer Apps heißt Angular.js. Es ermöglicht Ihnen, jeden Aspekt Ihrer Anwendung schnell und eindeutig darzustellen, indem es die Syntax von HTML erweitert, wenn es als Vorlagensprache verwendet wird. Es bietet eine Reihe von Tools zum Schreiben, Aktualisieren und Testen eines Codes. Es bietet eine Fülle von Funktionen, einschließlich Routing und Formularverwaltung. In diesem Handbuch wird die Methode zur Installation von Angular unter Ubuntu 24 erläutert, indem die Installation von Node.js beschrieben wird.

Aktualisieren und aktualisieren Sie das System

Bevor wir mit den Installationen fortfahren, führen wir zunächst das Systemupdate durch. Es ist notwendig, das Ubuntu 24-System zu aktualisieren, da es bei Neuinstallationen in Kürze ohne Probleme wirksam werden muss. Daher verwenden wir die Update- und Upgrade-Anweisung in einem einzigen Befehl, der mit Hilfe eines „apt“-Dienstprogramms ausgeführt wird.

Nach Ausführung dieser Anweisung weist das System den eingestellten Speicherplatz dem Upgrade- und Update-Vorgang zu und fordert Sie auf, dies durch Tippen auf „y“ oder „n“ zu bestätigen. Daher müssen Sie „y“ drücken, um diesen Aktualisierungsvorgang wie im Folgenden dargestellt abzuschließen. Nach einer Weile wird unser System erfolgreich aktualisiert und aktualisiert.

Installieren Sie die Abhängigkeiten

Die Installation von Angular und Node.js hängt auch von einigen anderen Dienstprogrammen ab. Zu diesen Abhängigkeiten gehören Git, Wget, Curl und viele mehr. Daher müssen wir diese Abhängigkeiten vorher installieren. Für die Installation dieser Abhängigkeiten verwenden wir dasselbe „apt“-Dienstprogramm in der Befehlsshell und warten, bis alle Abhängigkeiten erfolgreich installiert wurden.

Installieren Sie Node.js

Die Angular-Anwendungen können ohne Node.js nicht funktionieren, was die Hauptanforderung darstellt. Daher ist es notwendig, Node.js zu installieren, bevor mit der Installation von Angular unter Ubuntu 24 begonnen wird. Außerdem benötigt Node.js für die Installation das NVM-Befehlszeilendienstprogramm. Daher verwenden wir das Dienstprogramm „curl“ in der Terminal-Shell, um zunächst das NVM-Dienstprogramm aus dem offiziellen Github-Repository zu installieren. Sie können sehen, dass nach der Ausführung dieser Anweisung das NVM-Dienstprogramm heruntergeladen und installiert wurde.

Jetzt ist auch die Aktivierung der NVM-Umgebung auf dem Ubuntu 24 Linux-System erforderlich. Daher führen wir die Datei „bashrc“ mithilfe der Quellanweisung aus, damit das System die Auswirkungen des neu installierten NVM-Dienstprogramms nutzen und die Umgebung festlegen kann.

Nach dem Erstellen einer Umgebung ist das Ubuntu 24-System bereit, Node.js auf seiner Seite zu installieren. Hierzu verwenden wir das neu installierte „nvm“-Dienstprogramm in der Installationsanleitung, die in der Terminal-Shell verwendet wird. Mithilfe dieser Anleitung installieren wir die neueste Version von Node.js 18 auf unserem Ubuntu-System. Außerdem installiert das NVM-Tool den Node-Paketmanager zusammen mit Node.js. Die Verarbeitung beginnt mit dem Herunterladen und Installieren der Knotenversion 18.19.1 von der offiziellen Website. Anschließend berechnet es die Prüfsumme und erstellt einen Standardalias.

Nach der erfolgreichen Installation von Node.js müssen wir überprüfen, ob es in unserem System installiert und gemountet wurde. Dazu müssen wir mit dem Befehl „version“, beginnend mit dem Schlüsselwort „node“, nach der installierten Version suchen. Außerdem wurde in der vorherigen NVM-Installationsanweisung der NPM (Node Package Manager) zusammen mit Node.js installiert. Daher müssen wir auch nach der NPM-Version suchen. Die Ausgabe beider Befehle zeigt die Versionen an, wie im folgenden angehängten Bild dargestellt:

Installieren Sie die Angular-CLI

Nach der Installation aller Abhängigkeiten, einschließlich NPM und Node.js, ist es an der Zeit, die letzten Schritte zur Installation der Angular-Befehlszeilenschnittstelle durchzuführen. Hierzu nutzen wir den NPM (Node Package Manager) innerhalb der Terminal-Shell von Ubuntu 24.

Für die Ausführung dieser Installationsanweisung können Sie die Sudo-Rechte nutzen. Dieser Befehl enthält den Link zum offiziellen Paket von Angular CLI. Das Flag „—location“ wird gesetzt, um die Angular-CLI auf globaler Ebene für das Ubuntu 24-System hinzuzufügen, auf die alle Benutzer der aktuellen Plattform zugreifen können.

Es wäre hilfreich, wenn Sie eine Weile warten würden, bis die Verarbeitung von Angular CLI abgeschlossen ist. Nach einiger Verarbeitung werden die Angular-CLI-Pakete hinzugefügt und erfolgreich installiert. Im Gegenzug erhalten Sie auf Ihrem Terminalbildschirm die folgende dargestellte Ausgabe mit 232 hinzugefügten Paketen in 2 Minuten:

Jetzt ist es an der Zeit, die Installation von Angular CLI zu überprüfen. Es wird mit dem Befehl „ng“ geliefert, der bei der Ausführung der Befehle auf Angular CLI hilft. Suchen wir also nach der installierten Version des Befehls „ng“. Nachdem wir einige Fragen zur Ausführung dieses Versionsbefehls beantwortet haben, erhalten wir die folgende Ausgabe, die auch Informationen zur Version von Angular, Node, NPM und Betriebssystem enthält. Am Ende werden auch Informationen zu den Paketen und deren installierten Versionen angezeigt.

Erstellen Sie eine Angular-Anwendung

Es ist an der Zeit, Angular CLI zu verwenden, um eine neue Angular-Anwendung unter Ubuntu 24 zu erstellen. Genauso wie wir die „ng“-Anweisung verwendet haben, um die Version von Angular CLI zu überprüfen, werden wir sie auch verwenden, um eine neue Anwendung namens „test“ mit zu erstellen Schlüsselwort „neu“. Die Durchführung erfolgt mit einigen Fragen. Es wäre hilfreich, wenn Sie diese Fragen entsprechend Ihren Präferenzen beantworten würden, und die Pakete für Ihre neue Anwendung werden erfolgreich installiert.

Nach einer Weile wird eine neue Angular-Anwendung mit dem Namen „test“ erstellt. In unserem Arbeitsverzeichnis wird ein neues „Test“-Verzeichnis generiert, wie in der folgenden angehängten Ausgabe dargestellt:

Nachdem wir eine „Test“-Angular-Anwendung erstellt haben, müssen wir diese ebenfalls ausführen. Gehen Sie dazu in das Verzeichnis „test“ und führen Sie mit dem Dienstprogramm „ng“ den Befehl „serve“ aus.

Sie können denselben Befehl auch verwenden, um Port 4200 für alle Systemschnittstellen festzulegen, indem Sie den Host auf 0.0.0.0 festlegen.

Abschluss

Dieser Leitfaden zeigt, wie eine Angular-Umgebung zum Erstellen beliebiger Anwendungen genutzt werden kann. Zur Unterstützung dieser Idee haben wir die Methode zur Installation von Angular auf Ubuntu 24 nach der Installation und Konfiguration von Node.js und NPM demonstriert. Abschließend haben wir eine Möglichkeit erarbeitet, eine Angular-Anwendung in Ubuntu 24 mithilfe der Angular-CLI zu erstellen.