Når du oppretter et prosjekt med Angular CLI, genereres det en velorganisert mappe- og filstruktur. Denne strukturen spiller en avgjørende rolle i organiseringen av kode, og gjør utviklingen mer effektiv og skalerbar.

Du vil utforske de viktigste mappene og filene som automatisk opprettes når du setter opp et nytt Angular-prosjekt.

Prosjektstruktur

Når du kjører kommandoen ng new angular-app, genererer Angular CLI følgende struktur:

📂 src/ – Applikasjonens kildekode.

Denne mappen inneholder de grunnleggende filene og konfigurasjonene som kreves for din Angular-applikasjon.

Applikasjonskode

Konfigurasjonsfiler

Tilleggsfiler

Kjøre et Angular-program

For å starte din Angular-app, åpne først terminalen. I VS Code kan du bruke disse hurtigtastene:

• macOS: Cmd + J eller Cmd + `;

• Windows: Ctrl + J eller Cmd + `.

Alternativt kan du gå til Vis → Terminal fra toppmenyen.

Kjør nå følgende kommando:

Denne kommandoen kompilerer prosjektet og starter en lokal utviklingsserver. Når prosessen er fullført, vil terminalen vise en melding med en URL:

Åpne URL-en (http://localhost:4200/) i din nettleser, og du vil se Angular velkomstsiden.