Angular Installation Windows – Wie kann man Angular Anwendungen unter Windows entwickeln? Installation der benötigten Software und Einrichtung der Entwicklungsumgebung.
Node.js installieren
https://nodejs.org/en/download/
![Angular Installation Windows](https://mattionline.de/wp-content/uploads/2020/03/nodejs-1024x502.png)
Angular CLI installieren
Eingabeaufforderung unter Windows öffnen (cmd.ext) und folgendes eingeben:
npm install -g @angular/cli
![](https://mattionline.de/wp-content/uploads/2020/03/angularjs.png)
Anwendung erstellen
Eine neue Angular Anwendung erstellen (ng ist die Abkürzung für Angular):
ng new hello-world
![](https://mattionline.de/wp-content/uploads/2020/03/application.png)
Wechseln in das neu erstellte Projektverzeichnis:
cd hello-world
![](https://mattionline.de/wp-content/uploads/2020/03/cd.png)
Webserver starten
ng serve / ng s
![](https://mattionline.de/wp-content/uploads/2020/03/serve.png)
![](https://mattionline.de/wp-content/uploads/2020/03/webserver.png)
Entwicklungsumgebung (IDE) installieren
https://code.visualstudio.com/
![](https://mattionline.de/wp-content/uploads/2020/03/vscode-1024x611.png)
Öffnen des erstellten Projekts unter dem Menüeintrag File -> Open Folder
![](https://mattionline.de/wp-content/uploads/2020/03/projekt.png)
Quelltext bearbeiten
Öffnen der Datei src -> app -> app.component.html
![](https://mattionline.de/wp-content/uploads/2020/03/vscodee-1024x560.png)
Nach dem Speichern der Datei wird der Text direkt angezeigt:
![](https://mattionline.de/wp-content/uploads/2020/03/helloworld.png)
Angular Crash Course
Shortcodes für Visual Studio Code
Code formatieren: ALT + SHIFT + F
Komplette Videoreihe
Diese Wiedergabeliste ansehen auf YouTube