So installieren Sie Angular unter Ubuntu 20.04 LTS

In diesem Tutorial zeigen wir Ihnen, wie Sie Angular unter Ubuntu 20.04 LTS installieren. Für diejenigen unter Ihnen, die es nicht wussten, Angular ist ein JavaScript-Open-Source-Framework, das bei der Entwicklung von Single hilft -page-Webanwendungen, die für Web/mobile/Desktop geeignet sind. Angular kombiniert deklarative Vorlagen, Abhängigkeitsinjektion, End-to-End-Tools und integrierte Best Practices, um Entwicklungsherausforderungen zu lösen. Angular ermöglicht Entwicklern, Anwendungen zu erstellen, die im Web, mobil, oder Desktop.

Dieser Artikel geht davon aus, dass Sie zumindest über Grundkenntnisse in Linux verfügen, wissen, wie man die Shell verwendet, und vor allem, dass Sie Ihre Website auf Ihrem eigenen VPS hosten. Die Installation ist recht einfach und setzt Sie voraus im Root-Konto ausgeführt werden, wenn nicht, müssen Sie möglicherweise 'sudo hinzufügen ‘ zu den Befehlen, um Root-Rechte zu erhalten. Ich zeige Ihnen Schritt für Schritt die Installation von Angular auf einem Ubuntu 20.04 Focal Fossa. Sie können denselben Anweisungen für Ubuntu 18.04, 16.04 und jede andere Debian-basierte Distribution wie Linux Mint folgen.

Installieren Sie Angular auf Ubuntu 20.04 LTS Focal Fossa

Schritt 1. Stellen Sie zunächst sicher, dass alle Ihre Systempakete auf dem neuesten Stand sind, indem Sie den folgenden apt ausführen Befehle im Terminal.

sudo apt update
sudo apt upgrade

Schritt 2. Installation von Node.js.

Installieren Sie Node.js und npm von Node Source. Sie müssen lediglich das PPA für die Version hinzufügen, die Sie installieren möchten:

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

Führen Sie zur Installation die folgenden Befehle aus:

sudo apt install nodejs

Aktualisieren Sie als Nächstes die npm-Version auf die neueste Version, indem Sie den folgenden Befehl ausführen:

npm install npm@latest -g

Wenn Sie fertig sind, überprüfen Sie die Installation, indem Sie Folgendes ausführen:

node --version
npm --version

Schritt 3. Angular unter Ubuntu 20.04 installieren.

Führen Sie die folgenden Befehle aus, um das Angular-CLI-Tool auf Ihrem System zu installieren:

npm install -g @angular/cli

Überprüfen Sie nach der Installation die installierte Version von Angular mit dem folgenden Befehl:

$ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1001.1
@angular-devkit/core         10.2.1
@angular-devkit/schematics   10.2.1
@schematics/angular          10.2.1
@schematics/update           0.1001.2
rxjs                         6.6.4

Schritt 4. Erstellen einer neuen Angular-Anwendung.

Jetzt, da wir Angular installiert haben, können wir ein grundlegendes Gerüst für eine neue Anwendung erstellen. Wir werden dazu unsere neu installierte Angular-CLI verwenden:

ng new idroot

Wechseln Sie zunächst in das neu erstellte Verzeichnis für unsere Anwendung:

cd idroot
ng serve --host your-server-ip --port 8088

Schritt 5. Zugriff auf die Angular-Weboberfläche.

Das Angular-Projekt wird bereitgestellt und überwacht Port 8088. Sie können darauf zugreifen, indem Sie die URL http://your-server-ip-address:8088 . Sie sollten den folgenden Bildschirm sehen:

Herzlichen Glückwunsch! Sie haben Angular erfolgreich installiert. Vielen Dank, dass Sie dieses Tutorial zur Installation von Angular im Ubuntu 20.04 LTS Focal Fossa-System verwendet haben. Für zusätzliche Hilfe oder nützliche Informationen empfehlen wir Ihnen, die offizielle Angular-Website zu besuchen.