📥 https://www.jetbrains.com/idea/download
📥 https://git-scm.com/downloads
📺 TypeScript und Angular Tutorial
📥 https://code.visualstudio.com/download
📥 https://nodejs.org/en/download/prebuilt-installer
- ✅ In der Eingabeaufforderung (im Startmenü
cmd
eintippen) laufennpm
undng
problemlos ⚠️ In der Powershell erscheinen kryptische Fehlermeldungen⚠️ In der Git Bash stocken Fortschrittsanzeigen gerne mal
C:\Users\fred> cd git
C:\Users\fred\git> npm install -g @angular/cli
C:\Users\fred\git> ng new tour-of-heroes
? Which stylesheet format would you like to use? [⏎]
? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? [⏎]
C:\Users\fred\git> cd tour-of-heroes
C:\Users\fred\git\tour-of-heroes> ng serve --open
📜 https://angular.io/tutorial/tour-of-heroes/toh-pt0#angular-components
Sollte eure Anwendung nach einer Änderung nicht mehr laufen, lest erst mal weiter im Tutorial!
Wahrscheinlich seid ihr einfach gerade an einer solchen Stelle angelangt, zum Beispiel:
The page no longer displays properly because you changed the hero from a string to an object.
Notice that the application stopped working when you added
[(ngModel)]
.That displays an error since the
hero
property doesn't exist.
💾 Ansonsten: Habt ihr die Änderungen in den bearbeiteten Dateien vielleicht einfach nur vergessen zu speichern? File / Save All
📺 Apache Maven installieren Windows
Die Tour of Heroes endet mit einem simulierten JavaScript-Backend:
- Kapitel 6 Getting Data from a server
- Abschnitt Simulate a data server
Dieses habe ich nach Java mit Spring Boot übersetzt. Das Java-Backend kann man über Maven starten:
C:\Users\fred\git\heroes-backend> mvn spring-boot:run
Alternativ importiert man heroes-backend
in eine IDE und startet die HeroApplication
-Klasse.
Um das Java-Backend vom Frontend aus anzusprechen,
muss man im Abschnitt Heroes and HTTP die Variable heroesUrl
wie folgt anpassen:
private heroesUrl = 'http://localhost:8080/api/heroes'; // URL to web api
// ^^^^^^^^^^^^^^^^^^^^^^
📺 Spring Boot Tutorial: Web, Datenbank, Dependency Injection
Zwischendurch könnte man mal das heroes-backend
studieren...