So erstellen Sie Ihre Winkelanwendung mit Winkel -CLI

Angular ist ein JavaScript -Frameworks, Bibliotheken, Vermögenswerte und Dienstprogramme. In diesem Tutorial können Sie eine Winkelanwendung mit dem Angular CLI -Tool auf jeder Plattform erstellen. Das Angular Project bietet und die Befehlszeilenschnittstelle als Angular CLI für die Automatisierung bezeichnet. Sie können den Betrieb in Winkelprojekten automatisieren, anstatt sie manuell zu erledigen und Zeit und Mühe zu sparen. Mit der Angular CLI können Sie die Follower durchführen:

• Neues Projekt erstellen.
• Einrichtungsanwendungsumgebung.
• Anwendungskonfigurationen verwalten.
• Baukomponenten, Dienste und Routingsysteme.
• Anwendung, Testen und Bereitstellen des Projekts starten, das Projekt.
• Installation von Bibliotheken von Drittanbietern wie Bootstrap, Sass usw.

Erstellen wir Ihre eckige Anwendung:

Voraussetzungen

Angular benötigte NodeJs, die auf Ihrem System installiert werden müssen. Sie können einem der folgenden Tutorials folgen, um Angular in Ihrem System gemäß Ihrem Betriebssystem zu installieren.

• Knoten installieren.JS unter Windows
• Knoten installieren.JS auf Centos und Fedora
• Knoten installieren.JS auf Ubuntu und Debian und Linuxmint

Stellen Sie nach der Installation den Knoten sicher.JS und NPM sind korrekt installiert.

Knoten -v v12.4.0 

NPM -v 6.9.0 

Angular CLI einbauen

Installieren Sie nun das Angular CLI -Dienstprogramm mit dem NPM -Paket -Manager.

npm install -g @angular/cli installieren 

Die Option -G mit der Installation versichert die Installation der Winkel -CLI weltweit auf dem System. Daher ist es für alle Benutzer und die Anwendung auf dem System zugänglich. Angular CLI liefert einen Befehl ng Wird für Befehlszeilenvorgänge verwendet. Überprüfen wir die installierte Version von NG auf Ihrem System.

ng -Verssion _ _ ____ _ ___ / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | ___ | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | | \ ____ | _____ | ___ | | ___/ Angular cli: 8.0.3 Knoten: 12.4.0 OS: Linux X64 Angular:… Paketversion ---------------------------------------------------------------------------------------------------------------------------------- -------------- @Angular-Devkit/Architect 0.800.3 @Angular-Devkit/Core 8.0.3 @Angular-Devkit/Schematik 8.0.3 @Schematik/Angular 8.0.3 @Schematik/Update 0.800.3 Rxjs 6.4.0 

Winkelanwendung erstellen

Ihr System ist bereit für den Aufbau einer Winkelanwendung. Der folgende Befehl erstellt die Winkelanwendung mit Namen Hallo-Angular.

Ng New Hello-Angular 

Dadurch wird ein Verzeichnis mit Ihrem Projektnamen erstellt und alle darunter liegenden Dateien erstellt. Es installiert auch alle erforderlichen Bibliotheken in diesem Verzeichnis. Bei der erfolgreichen Erstellung sehen Sie die folgende Nachricht auf dem Bildschirm.

… 1011 Pakete von 1041 Mitwirkenden hinzugefügt und 19005 Pakete in 55 geprüft.774S fanden 0 Schwachstellen erfolgreich initialisierte Git erfolgreich initialisiert. 

Drehanwendung ausführen

Ihre grundlegende Winkelanwendung ist bereit zum Servieren. Wechseln Sie in das Verzeichnis Hallo-Angular und führen Sie Ihre Winkelanwendung mit dem Befehl ng servieren aus.

CD hallo-angular ng servieren 



Sie können auf Ihre Winkelanwendung auf Localhost Port 4200 zugreifen, der Standard -Host und Port, die von Angular Application verwendet wird.

 http: // localhost: 4200 



Sie können Host und Port für die Ausführung von Winkelanwendungen durch Bereitstellung ändern -Gastgeber Und -Hafen Kommandozeilenargumente.

ng serve -host 0.0.0.0 -Port 8080 

Die IP -Adresse 0.0.0.0 hört auf allen Schnittstellen und öffentlich zugänglich zu.