När du skapar ett projekt med Angular CLI genereras en välorganiserad mapp- och filstruktur. Denna struktur spelar en avgörande roll för att organisera koden, vilket gör utvecklingen mer effektiv och skalbar.

Du kommer att utforska de viktigaste mapparna och filerna som automatiskt skapas när du sätter upp ett nytt Angular-projekt.

Projektstruktur

När du kör kommandot ng new angular-app genererar Angular CLI följande struktur:

📂 src/ – Applikationens källkod.

Denna mapp innehåller de centrala filerna och konfigurationerna som krävs för din Angular-applikation.

Applikationskod

Konfigurationsfiler

Ytterligare filer

Köra en Angular-applikation

För att starta din Angular-app, öppna först terminalen. I VS Code kan du använda dessa kortkommandon:

• macOS: Cmd + J eller Cmd + `;

• Windows: Ctrl + J eller Cmd + `.

Alternativt, gå till Visa → Terminal från toppmenyn.

Kör nu följande kommando:

Detta kommando kompilerar projektet och startar en lokal utvecklingsserver. När processen är klar kommer terminalen att visa ett meddelande med en URL:

Öppna URL:en (http://localhost:4200/) i din webbläsare, så visas Angulars välkomstsida.