Quando crei un progetto utilizzando Angular CLI, viene generata una struttura di cartelle e file ben organizzata. Questa struttura svolge un ruolo fondamentale nell'organizzazione del codice, rendendo lo sviluppo più efficiente e scalabile.

Esplorerai le cartelle principali e i file che vengono creati automaticamente quando configuri un nuovo progetto Angular.

Struttura del Progetto

Quando esegui il comando ng new angular-app, Angular CLI genera la seguente struttura:

📂 src/ – Codice Sorgente dell'Applicazione.

Questa cartella contiene i file principali e le configurazioni necessarie per la tua applicazione Angular.

Codice dell'applicazione

File di configurazione

File aggiuntivi

Avvio di un'applicazione Angular

Per avviare la tua app Angular, apri innanzitutto il terminale. In VS Code, puoi utilizzare queste scorciatoie:

• macOS: Cmd + J oppure Cmd + `;

• Windows: Ctrl + J oppure Cmd + `.

In alternativa, vai su Visualizza → Terminale dal menu in alto.

Ora, esegui il seguente comando:

Questo comando compila il progetto e avvia un server di sviluppo locale. Al termine del processo, il terminale mostrerà un messaggio con un URL:

Apri l'URL (http://localhost:4200/) nel tuo browser e visualizzerai la pagina di benvenuto di Angular.