Wie erstelle ich eine Angular App mit npm?
- Einführung in Angular und npm
- Voraussetzungen zur Erstellung einer Angular App
- Angular CLI: Das offizielle Werkzeug zur App-Erstellung
- Erstellen der Angular App mit npm
- Starten und Testen der Angular Anwendung
- Zusammenfassung
Einführung in Angular und npm
Angular ist ein weit verbreitetes Framework zur Entwicklung von modernen Webanwendungen. Es bietet eine strukturierte und modulare Architektur, die Entwicklern hilft, leistungsfähige Single-Page-Applications (SPAs) zu erstellen. npm (Node Package Manager) ist das Standardpaketverwaltungssystem für Node.js und wird verwendet, um Pakete und Abhängigkeiten zu verwalten, die zur Entwicklung einer Angular-Anwendung benötigt werden.
Voraussetzungen zur Erstellung einer Angular App
Um eine Angular-App mit npm zu erstellen, benötigen Sie zunächst einige grundlegende Voraussetzungen. Zuerst muss Node.js auf Ihrem System installiert sein, da npm mit Node.js ausgeliefert wird und für das Paketmanagement zuständig ist. Nach der Installation von Node.js können Sie über die Kommandozeile überprüfen, ob npm korrekt installiert wurde, indem Sie den Befehl npm -v eingeben.
Angular CLI: Das offizielle Werkzeug zur App-Erstellung
Der einfachste und empfohlene Weg, eine Angular-Anwendung zu erstellen, ist die Verwendung der Angular CLI (Command Line Interface). Dieses Werkzeug erleichtert das Erzeugen, Entwickeln und Verwalten von Angular-Projekten erheblich. Die Angular CLI kann global mit npm installiert werden, indem man den Befehl npm install -g @angular/cli ausführt.
Erstellen der Angular App mit npm
Nachdem die Angular CLI installiert wurde, kann eine neue Angular-App mit dem Befehl ng new projektname erstellt werden. Dabei ersetzt man projektname durch den gewünschten Namen des Projekts. Dieser Befehl generiert automatisch die nötigen Dateien und Verzeichnisse, richtet die Projektstruktur ein und installiert alle erforderlichen Abhängigkeiten per npm.
Starten und Testen der Angular Anwendung
Nach der erfolgreichen Erstellung der Anwendung wechselt man in das erstellte Verzeichnis mittels cd projektname. Anschließend kann man die Anwendung mit dem Befehl ng serve starten. Dieser Befehl startet einen Entwicklungsserver, der standardmäßig unter http://localhost:4200 erreichbar ist. Sobald der Server läuft, kann man die Anwendung im Browser öffnen und testen.
Zusammenfassung
Zusammenfassend lässt sich sagen, dass das Erstellen einer Angular-App mit npm vor allem über die Angular CLI erfolgt. Nach der Installation von Node.js und npm installiert man die Angular CLI global und erzeugt eine neue App über den Befehl ng new. Die CLI übernimmt sämtliche Konfigurationen und das Management von Abhängigkeiten, sodass der Entwickler sich auf die Umsetzung der Anwendungslogik konzentrieren kann.