Angular ist ein kostenloses und quelloffenes JavaScript-basiertes Framework zur Entwicklung von Single-Page-Anwendungen, es ist der Nachfolger des AngularJS-Frameworks. Es wird von Google verwaltet, demselben Unternehmen, das JavaScript erstellt und Angular zu einem bekannten Namen gemacht hat. Laut Google Developers kann es zusätzlich zu „MongoDB, Node.js von IBM, Express von Nodejitsu“ usw. verwendet werden, was es Ihnen ermöglicht, eine App zu entwickeln, ohne sich Gedanken darüber machen zu müssen, welche Technologien Ihre Anwendung unterstützen .
Wenn Sie mit Angular beginnen möchten, ist eine der besten Möglichkeiten, dies zu tun, die Installation auf Ihrem eigenen Ubuntu-Server. Auf diese Weise können Sie Ihre App in verschiedenen Browsern wie Google Chrome und Mozilla Firefox testen.
In dieser Anleitung zeigen wir Ihnen, wie Sie Angular unter Ubuntu 20.04 installieren. Das gleiche Verfahren funktioniert auch unter Ubuntu 22.04. Wir werden auch einige grundlegende Schritte für den Einstieg in die Angular-Entwicklung behandeln. Egal, ob Sie Anfänger oder erfahrener Entwickler sind, dieser Leitfaden ist für Sie!
Voraussetzungen
Um diesem Tutorial zu folgen, benötigen Sie ein paar Dinge. Folgendes benötigen Sie:
- Ihr VPS muss einen Nicht-Root-Benutzer mit sudo-Berechtigungen zum Ausführen von Befehlen haben. Weitere Informationen zur Einrichtung finden Sie in unserem Einrichtungsleitfaden.
- Systemanforderungen:CPU:CPU mit 2 Kernen, Geschwindigkeit:2 GHz, RAM-Speicher:2 GB, Speicherplatz:15 GB.
Ubuntu-Repository aktualisieren
Bevor Sie mit der Installation von Angular beginnen, ist es wichtig, dass Sie sicherstellen, dass Ihr Ubuntu-Server auf dem neuesten Stand ist. Öffnen Sie dazu ein Terminalfenster, indem Sie Strg+Alt+T auf Ihrer Tastatur drücken, und führen Sie dann den folgenden Befehl aus:
sudo apt update -y
Installieren von Node.js
Node.js ist eine plattformübergreifende Open-Source-Laufzeitumgebung für serverseitige und Netzwerkanwendungen. Es ist eine der beliebtesten JavaScript-Laufzeiten. Node.js kann auch in Webservern und eingebetteten Systemen verwendet werden.
Wir werden Angular mit NVM (Node Version Manager) installieren, damit wir die Node.js-Versionen einfach wechseln können, ohne dabei etwas zu beschädigen. Wir müssen Node.js installieren, um NVM zu verwenden, also installieren wir es zuerst.
Führen Sie den folgenden curl-Befehl aus, um das Node.js-Repository von Nodesource zu Ihrem System hinzuzufügen. Das Node.js-Repository von Nodesource ermöglicht es uns, die neueste stabile Version von Node.js einfach und schnell zu erhalten. Es ist ein Software-Repository eines Drittanbieters zum Installieren von Node.js auf Debian, Ubuntu und anderen Linux GNU/Linux-Distributionen, einschließlich Debian- und Ubuntu-Derivaten wie Mint, elementaryOS und Zorin OS .
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Führen Sie den folgenden Curl-Befehl aus, um Node.js auf Ihrem System zu installieren.
sudo apt install nodejs -y
Führen Sie den Befehl sudo npm install [email protected] -g aus, um die neueste Version von npm global auf Ihrem Computer zu installieren.
sudo npm install [email protected] -g
Stellen Sie sicher, dass Sie npm v8.x verwenden, indem Sie den folgenden Befehl ausführen.
npm --version
Angular unter Ubuntu installieren
Nachdem Sie NVM auf Ubuntu installiert haben, können Sie Angular einfach installieren, indem Sie den folgenden Befehl ausführen.
sudo npm install -g @angular/cli
Nun, für den Anfang ist es kein Tippfehler! Das -g steht für global. Global bedeutet, dass der Befehl alle Angular-Anwendungen auf Ihrem Computer betrifft. Wenn Sie beispielsweise angle global installiert haben, können Sie den Befehl angle-cli in jedem Verzeichnis verwenden.
Als wir Angular über NPM installiert haben, wurde es lokal für Ihre Verwendung in nur einem Verzeichnis installiert. Normalerweise ist das in Ordnung, aber es kann Fälle geben, in denen Sie möchten, dass alle Ihre Angular-Projekte dieselbe Version von Angular verwenden, und wenn das nicht schon verwirrend genug ist – manchmal benötigen Sie möglicherweise sogar verschiedene Versionen von Angular für verschiedene Projekte!
CLI steht für Command Line Interface. Eine Schnittstelle ist einfach ein weiteres Computerprogramm (die Befehlszeile), das es Menschen ermöglicht, mit ihm unter Verwendung von Textbefehlen (zum Beispiel) zu interagieren.
Das Angular/Cli-Paket enthält den Code für unser Angular-Befehlszeilentool! Wenn wir also angle-cli in einem Verzeichnis mit einer Angular-Anwendung ausführen, macht dieses Befehlszeilentool seine Arbeit.
Führen Sie nach der Installation diesen Befehl aus, um die installierte Version von Angular zu überprüfen. Ng ist eine Abkürzung für Angular. Ng wurde mit der Veröffentlichung von Version 1.0 eingeführt. Sie können Ng an vielen Stellen wie Quellcode-Kommentaren, Online-Tutorials usw. finden.
ng -v
Sie erhalten die folgende Ausgabe. Sie können jetzt Ihre bevorzugte IDE öffnen und viele erstaunliche Dinge mit dem Angular-Framework entwickeln. Das war's! So installieren Sie Angular unter Ubuntu 20.04.
Schlussfolgerung
In diesem Handbuch haben wir Angular unter Ubuntu GNU/Linux mit NVM und Node.js installiert. Wir haben auch die Version von Angular überprüft, die Sie gerade mit dem Befehl ng installiert haben.
Vielen Dank fürs Lesen! Fühlen Sie sich frei, uns Ihr Feedback im Kommentarbereich unten zu hinterlassen, wenn Ihnen gefällt, was Sie gelesen haben, oder auch wenn es Ihnen nicht gefällt. Wir freuen uns, von Ihnen zu hören!