Moderne und dynamische Websites erfordern viele Funktionen, Menüs und Widgets, um die Website benutzerfreundlich zu gestalten und den perfekten Marktplatz zu erreichen. Egal mit welchem Tool Sie Ihre Website erstellen, Javascript wird immer benötigt, um den Schlussstrich zu ziehen. Während wir über Javascript sprechen, können wir das Angular-Framework nicht ignorieren. Eigentlich steht es außer Frage, die Angular-Anwendung zu ignorieren. Heutzutage ist die Angular-CLI die beliebteste Methode, um die Angular-Anwendung auf einem Web-Framework auszuführen. Sie können die Angular-CLI problemlos auf allen Linux-Distributionen installieren und konfigurieren. Darüber hinaus ist die Angular-CLI die beliebteste und effizienteste Methode, um das Back-End von Javascript zu warten.
Es gab eine Zeit, in der Webentwickler das GUI-basierte Angular für Javascript verwendeten. Aber im Laufe der Zeit hat sich auch die Programmierung stark weiterentwickelt. Infolgedessen wird das auf der grafischen Benutzeroberfläche basierende Angular von Entwicklern nicht mehr verwendet, um das Javascript-Framework zu warten. Entwickler und Personalvermittler suchen jetzt nach ihnen, die das Angular CLI (Command Line Interface) gut beherrschen.
Angular CLI unter Linux
Da Angular ein plattformübergreifendes Tool ist, spielt die Angular-CLI eine sehr wichtige Rolle bei der Entwicklung von Front-End-, Mobil- und Desktop-Anwendungen. Es ist auf allen Plattformen schneller als das GUI-basierte Angular. Sie können die Angular-CLI für die Wiederverwendbarkeit von Code verwenden, die Ladegeschwindigkeit erhöhen und die Leistung verbessern. Darüber hinaus fühlen sich Entwickler aufgrund ihrer Befehlszeilenschnittstelle, die schneller und einfach ausführbar ist, wohl bei der Arbeit mit der Angular-CLI.
Da Linux für seine schnelle Leistung bekannt ist und keinen hohen Wartungsaufwand erfordert, funktioniert die Angular-CLI perfekt auf allen Linux-Distributionen. Die CPU-, Speicher- und andere Hardware-Kompatibilitätsprobleme werden bei der Installation der Angular-CLI unter Linux selten gefunden. In diesem Beitrag lernen wir, wie man die Angular-CLI auf verschiedenen Linux-Distributionen installiert.
Die Verwendung der Angular-CLI anstelle des grafischen Angular steigert nicht nur Ihre Leistung, sondern hat auch eine subtile Fähigkeit, Ihren Code sauber und professionell zu gestalten. In diesem Beitrag werden wir sehen, wie Sie die Angular-CLI auf verschiedenen Linux-Distributionen installieren können.
1. Installieren Sie Angular CLI unter Debian und Ubuntu Linux
Auf Ubuntu und anderen Debian-Linux-Systemen ist die Installation der Angular-CLI ziemlich einfach und unkompliziert. Zunächst müssen Sie lediglich den Node Version Manager (NVM) auf Ihrem Ubuntu-Rechner installieren. Später werden wir das NVM-Tool verwenden, um die Angular-CLI auf Ubuntu zu installieren.
Schritt 1:NVM auf Ubuntu installieren
Führen Sie zunächst den folgenden aptitude-Befehl aus, der unten angegeben ist, um Ihre Paket-Repositorys zu aktualisieren. Führen Sie dann den cURL-Befehl aus, um das NVM-Bash-Skript herunterzuladen. Wenn Sie die cURL nicht in Ihrem System installiert haben, installieren Sie zuerst die cURL.
sudo apt-get install curl sudo apt update curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
Führen Sie nun den folgenden bashrc aus Befehl und NVM-Befehl, um das Node-Version-Manager-Tool in Ihrem Linux-System zu installieren.
source ~/.bashrc nvm install node
Schritt 2:Angular CLI über NPM installieren
Bisher haben wir das NVM-Tool erfolgreich auf unserem Debian-System installiert. Schließlich sind wir dabei, die Angular-CLI auf unserem Ubuntu-System zu installieren. Hier werde ich die neueste Version von Angular CLI auf unserem Linux-System installieren. Führen Sie den folgenden Node Package Manager (NPM)-Befehl aus, der unten angegeben ist, um die neueste globale Version von Angular CLI auf Ihrem Ubuntu Linux-System zu installieren.
npm install -g @angular/cli
Wenn Sie eine andere frühere Version von Angular CLI installieren möchten, können Sie eine der folgenden Befehlszeilen ausführen, die unten angegeben sind. Die Versionsnummer wird direkt nach @ genannt Symbol.
npm install -g @angular/[email protected] npm install -g @angular/[email protected] npm install -g @angular/[email protected]
Nachdem die Installation von Angular CLI abgeschlossen ist, können Sie nun die Version Ihrer Angular CLI überprüfen, um sicherzustellen, dass das Tool erfolgreich auf Ihrem Computer installiert wurde.
ng --version
Wenn Sie ein Neuling in der Angular-CLI sind, führen Sie den folgenden Hilfebefehl aus, um sich ein Bild von der Syntax der Angular-CLI zu machen.
ng –help
Schritt 3:Angular CLI von Ubuntu entfernen
Es kann einige Gründe oder Fehler geben, die dazu führen können, dass Sie die Angular-CLI von Ihrem Ubuntu Linux deinstallieren. Um nun die Angular-CLI von Ihrem Debian- und Ubuntu-Rechner zu entfernen, können Sie die folgenden Befehlszeilen ausführen, die unten angegeben sind.
npm uninstall -g angular-cli npm uninstall -g @angular/cli npm cache clean npmcache clean --force
2. Installieren Sie Angular CLI auf Fedora und RedHat
Die Installation der Angular-CLI auf Red Hat Linux-basierten Systemen ist keine schwierige Aufgabe. Sie müssen wissen, wie es funktioniert und was die Voraussetzungen für die Installation der Angular-CLI sind. Da wir am Javascript arbeiten, müssen wir sicherstellen, dass das Javascript auf unserem Red Hat Linux-System voll funktionsfähig ist. Hier verwende ich Fedora Linux, um das Verfahren zu demonstrieren; Sie können die folgenden Schritte auf allen Red Hat-basierten Linux-Systemen ausführen.
Schritt 1:Installieren Sie NodeJS auf Fedora und RedHat Linux
Um die Angular CLI auf unserem Red Hat und Fedora Linux zu installieren, müssen wir NodeJS auf unserem System installieren. Die NodeJS- und NPM-Tools bilden eine perfekte Umgebung für die Angular-CLI. Führen Sie nun den folgenden cURL-Befehl in Ihrem Linux-Terminal aus, um die NodeJS- und NPM-Tools abzurufen. Stellen Sie sicher, dass CURL in Ihrem System installiert ist.
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
Führen Sie nun den folgenden YUM-Befehl aus, um die Installation von NodeJS abzuschließen. Der YUM-Befehl funktioniert sowohl auf Fedora als auch auf Red Hat Linux.
sudo yum install nodejs
Sie können jetzt die folgenden unten angegebenen Befehlszeilen ausführen, um sicherzustellen, dass NODE und NPM korrekt auf Ihrem System installiert sind oder nicht.
node --version npm --version
Schritt 2:Installieren Sie Angular CLI auf Fedora und Red Hat Linux
Da wir das NPM-Tool auf unserem Linux-System installiert haben, werden wir nun die NPM-Befehle verwenden, um die Angular-CLI zu installieren. Die Installation der Angular CLI über das NPM ist eine sehr einfache Aufgabe. Sie müssen den folgenden unten angegebenen NPM-Befehl auf Ihrem Linux-Terminal ausführen, um die neueste globale Version von Angular CLI auf Ihrem Linux-System zu installieren.
sudo npm install -g @angular/cli
Wenn Sie eine andere ältere Version von Angular CLI auf Ihrem System installieren müssen, können Sie eine der folgenden Befehlszeilen auf Ihrem Terminal ausführen. Die Versionsnummern werden direkt nach dem @ vergeben unterschreiben.
npm install -g @angular/[email protected] npm install -g @angular/[email protected] npm install -g @angular/[email protected]
Jetzt, nachdem die Installation von Angular CLI abgeschlossen ist, können wir die Version von Angular CLI überprüfen, um sicherzustellen, dass das Paket erfolgreich auf unserem Computer installiert wurde.
ng –version
3. Angular CLI auf Arch Linux
Wie wir alle wissen, ist die Installation von Paketen auf Arch und Arch-basiertem Linux ein wenig anders als bei anderen Linux-Distributionen. Auch hier gibt es keine Ausnahmen. In diesem Fall müssen wir zuerst NodeJS in unserem Arch Linux-System installieren. Dann installieren wir das NPM-Tool auf unserem System.
Schritt 1:NodeJS und NPM unter Arch Linux installieren
Hier verwende ich Manjaro Linux, um die Installation der Angular-CLI unter Arch Linux zu demonstrieren. Alle Befehlszeilen würden reibungslos auf allen anderen Arch-basierten Linux-Distributionen laufen. Führen Sie nun die folgenden Pacman-Befehlszeilen aus, um die Nodejs und NPM auf Ihrem Arch Linux zu installieren.
sudo pacman -Syyu nodejs sudo pacman -S npm
Führen Sie dann die folgende unten angegebene Befehlszeile aus, um Ihre Node Package Manager (NPM)-Umgebung zu aktualisieren. Hier die -g Syntax symbolisiert, dass die globale Version von NPM installiert und aktualisiert wird.
npm update -g
Nachdem die Installation abgeschlossen ist, können Sie nun die folgenden unten angegebenen Befehlszeilen ausführen, um die Node- und NPM-Versionen zu überprüfen und sicherzustellen, dass NODE und NMP erfolgreich in Ihrem Arch Linux-System installiert wurden.
node -v nmp -v
Schritt 2:Angular CLI unter Arch Linux installieren
Da wir NodeJS und NPM auf unserem Arch-Linux-System installiert haben, werden wir nun in diesem Schritt den NPM-Befehl verwenden, um die Angular-CLI auf unserem Arch-Linux-System zu installieren. Führen Sie die folgende unten angegebene Befehlszeile aus, um die neueste und globale Version von Angular CLI auf Ihrem Arch Linux-System zu installieren.
sudo npm install -g @angular/cli
Schließlich, wenn die Installation von Angular CLI abgeschlossen ist, können Sie jetzt den folgenden ng ausführen Befehl auf Ihrem Linux-Terminal, um sicherzustellen, dass die Angular-CLI korrekt auf Ihrem Arch-Linux-System installiert ist.
ng version
Wenn Sie mehr an der Angular-CLI auf Arch Linux interessiert sind, können Sie diesen Link besuchen, um weitere Informationen über die Angular-CLI auf Arch Linux zu finden.
Erste Schritte mit der Angular-Befehlszeilenschnittstelle
Endlich haben wir die Angular CLI erfolgreich auf unseren Linux-Distributionen installiert. Jetzt ist es Zeit für einen Rundgang. Bevor wir irgendetwas tun, sollten wir den Angular-Port in der Firewall-Regel hinzufügen. Wenn Sie die UFW-Firewall verwenden, führen Sie die folgenden Befehle aus, um Port 4200 zur Firewall-Liste hinzuzufügen.
sudo ufw enable sudo ufw allow 4200/tcp sudo ufw reload
Wenn Sie Fedora, Red Hat Linux und andere Linux-Distributionen verwenden, verwenden Sie den Firewalld-Befehl, um Port 4200 für Ihre Umgebung zu aktivieren. Aktivieren Sie zuerst die Firewalld auf Ihrem Linux-System.
systemctl status firewalld systemctl enable firewalld sudo firewall-cmd --reload
Fügen Sie nun die Regel zu den Firewalld-Einstellungen hinzu. Starten Sie dann das Angular-CLI-System neu.
firewall-cmd --add-port=4200/tcp firewall-cmd --list-all
Stellen Sie nun sicher, dass der localhost-Server auf Ihrem Linux-System funktionsfähig ist. Geben Sie dann die unten angegebene URL in die Adressleiste Ihres Webbrowsers ein und drücken Sie dann die Eingabetaste. Um Konflikte auf Serverebene zu vermeiden, stellen Sie sicher, dass der Apache- und der Nginx-Server nicht auf demselben Computer installiert sind.
http://localhost/4200
Schlussworte
Wenn Sie ein Javascript-Entwickler sind, wissen Sie vielleicht, dass die Angular-CLI eine große Nachfrage in der Programmierwelt hat. Da die Angular-CLI zudem auf allen Plattformen eingesetzt werden kann, hat sie eine große Nachfrage in allen Programmierbereichen. Die Verwendung der Angular-CLI anstelle des grafischen Angular steigert nicht nur Ihre Leistung, sondern hat auch eine subtile Fähigkeit, Ihren Code sauber und professionell zu machen.
In diesem Beitrag habe ich beschrieben, wie Sie NodeJS und NPM auf Ihrem Linux-System installieren können, und später können Sie die Angular-CLI über das NPM-Tool installieren. Da Linux-Benutzer mit der befehlszeilenbasierten Schnittstelle vertrauter sind, wäre es zweifellos einfach, die Angular-CLI für die Linux-Benutzer zu erlernen und anzuwenden.
Wenn Ihnen dieser Beitrag gefällt, teilen Sie ihn bitte mit Ihren Freunden und der Linux-Community. Sie können auch Kommentare zu diesem Beitrag in den Kommentarbereich schreiben.