Anwendung erstellen

Um ein neues Projekt zu erstellen, müssen wir folgenden Befehl ausführen.

ng new

Daraufhin werden wir aufgefordert, einige Optionen für die Erstellung unserer Angular-Applikation auszuwählen.

? What name would you like to use for the new workspace and initial project? my-app
? Which stylesheet format would you like to use? CSS
? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No

Eine wichtige Unterscheidung ist hier der Unterschied zwischen Server Side Rendering, Static Site Generation und einer Single Page Application. Wenn wir nein sagen, werden wir eine Standard-Single-Page-Application generieren.

Single Page Application

Die gesamte Anwendung wird auf dem Client geladen, und es wird eine einzige Seite geladen. Die Navigation durch die Anwendung wird dynamisch durch JavaScript auf dem Client gesteuert.

Server-Side Rendering

Static Site Generation

Anwendung starten

Um nun unsere Angular-Applikation zu starten, führen wir folgenden Befehl aus.

ng serve

Wenn du nun auf localhost:4200 in deinem Browser gehst, siehst du deine laufende Anwendung.