Angular ist ein Open-Source, beliebtes und hoch erweiterbares Frontend-Anwendungsentwicklungsframework, das zur Erstellung von mobilen und Webanwendungen unter Verwendung von TypeScript/JavaScript und anderen gängigen Sprachen verwendet wird.
Angular ist ein Oberbegriff für alle Angular-Versionen, die nach AngularJS (oder Angular Version 1.0) kommen, einschließlich Angular 2 und Angular 4.
Angular eignet sich hervorragend für die Entwicklung von kleinen bis hin zu großen Anwendungen von Grund auf. Eine der Schlüsselkomponenten der Angular-Plattform zur Unterstützung der Anwendungsentwicklung ist das Dienstprogramm Angular CLI – es handelt sich um ein einfaches und benutzerfreundliches Kommandozeilenwerkzeug, das zur Erstellung, Verwaltung, zum Erstellen und Testen von Angular-Anwendungen verwendet wird.
In diesem Artikel erklären wir, wie Sie das Befehlszeilenwerkzeug Angular auf einem Linux-System installieren und einige grundlegende Beispiele für dieses Werkzeug erlernen können.
Installation von Node.js in Linux
Um Angular CLI zu installieren, müssen Sie die neueste Version von Node.js und NPM installiert haben auf Ihrem Linux-System.
Node.js auf Ubuntu installieren
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Node.js auf Debian installieren
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
Installieren Sie Node.js auf RHEL, CentOS, Fedora, Rocky & Alma Linux
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
Außerdem müssen Sie möglicherweise zum Kompilieren und Installieren von nativen Add-Ons von NPM Entwicklungstools auf Ihrem System wie folgt installieren.
$ sudo apt install -y build-essential [On Debian/Ubuntu] $ sudo yum install gcc-c++ make [On RHEL Systems]
Installation von Angular CLI in Linux
Nachdem Sie Node.js und NPM installiert haben, wie oben gezeigt, können Sie Angular CLI mithilfe des NPM-Paketmanagers wie folgt installieren (der -g-Flag bedeutet, das Tool systemweit zu installieren, damit es von allen Systembenutzern verwendet werden kann).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Sie können die Angular CLI mithilfe der ausführbaren Datei ng starten, die jetzt auf Ihrem System installiert sein sollte. Führen Sie den folgenden Befehl aus, um die installierte Version von Angular CLI zu überprüfen.
# ng version OR # ng --version
Erstellen eines Angular-Projekts mithilfe von Angular CLI
In diesem Abschnitt zeigen wir, wie Sie ein neues, grundlegendes Angular-Projekt erstellen, kompilieren und bereitstellen können. Gehen Sie zunächst in das Verzeichnis webroot Ihres Servers und initialisieren Sie dann eine neue Angular-Anwendung wie folgt (denken Sie daran, den Anweisungen zu folgen):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Wechseln Sie als nächstes in das Anwendungsverzeichnis, das gerade erstellt wurde, und starten Sie die Anwendung wie gezeigt.
# cd tecmint-app # ls #list project files # ng serve
Bevor Sie auf Ihre neue App aus einem Webbrowser zugreifen können, müssen Sie, falls ein Firewall-Dienst ausgeführt wird, den Port 4200 in der Firewall-Konfiguration öffnen, wie gezeigt.
---------- On Firewalld ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On UFW ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Du kannst jetzt einen Webbrowser öffnen und die neue App ausführen, wie im folgenden Screenshot gezeigt.
http://localhost:4200/ or http://SERVER_IP:4200
Hinweis: Wenn du den Befehl ng serve zum Erstellen einer Anwendung und zum lokalen Bereitstellen verwendest, wie oben gezeigt, erstellt der Server automatisch die App neu und lädt die Webseite(n) neu, wenn du eine der Quelldateien änderst.
Für weitere Informationen zum ng-Werkzeug führe den folgenden Befehl aus.
# ng help
Die Angular CLI-Startseite: https://angular.io/cli
In diesem Artikel haben wir gezeigt, wie man Angular CLI auf verschiedenen Linux-Distributionen installiert. Wir haben auch erläutert, wie man eine grundlegende Angular-Anwendung auf einem Entwicklungsserver erstellt, kompiliert und bereitstellt. Wenn du Fragen oder Gedanken hast, die du mit uns teilen möchtest, verwende das untenstehende Feedback-Formular.
Source:
https://www.tecmint.com/install-angular-cli-on-linux/