Når du opretter et projekt ved hjælp af Angular CLI, genereres der en velorganiseret mappe- og filstruktur. Denne struktur spiller en afgørende rolle i organiseringen af kode og gør udviklingen mere effektiv og skalerbar.

Du vil udforske de centrale mapper og filer, der automatisk oprettes, når du opsætter et nyt Angular-projekt.

Projektstruktur

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

📂 src/ – Applikationens kildekode.

Denne mappe indeholder de centrale filer og konfigurationer, der kræves til din Angular-applikation.

Applikationskode

Konfigurationsfiler

Yderligere filer

Kørsel af en Angular-applikation

For at starte din Angular-app skal du først åbne terminalen. I VS Code kan du bruge disse genvejstaster:

• macOS: Cmd + J eller Cmd + `;

• Windows: Ctrl + J eller Cmd + `.

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

Kør nu følgende kommando:

Denne kommando kompilerer projektet og starter en lokal udviklingsserver. Når processen er færdig, vil terminalen vise en besked med en URL:

Åbn URL'en (http://localhost:4200/) i din browser, og du vil se Angular velkomstsiden.