Cuando creas un proyecto utilizando Angular CLI, este genera una estructura de carpetas y archivos bien organizada. Esta estructura desempeña un papel crucial en la organización del código, haciendo que el desarrollo sea más eficiente y escalable.

Explorarás las carpetas clave y los archivos que se crean automáticamente al configurar un nuevo proyecto Angular.

Estructura del Proyecto

Cuando ejecutas el comando ng new angular-app, Angular CLI genera la siguiente estructura:

📂 src/ – Código Fuente de la Aplicación.

Esta carpeta contiene los archivos principales y las configuraciones requeridas para tu aplicación Angular.

Código de la aplicación

Archivos de configuración

Archivos adicionales

Ejecutar una aplicación Angular

Para iniciar tu aplicación Angular, primero abre la terminal. En VS Code, puedes usar estos atajos:

• macOS: Cmd + J o Cmd + `;

• Windows: Ctrl + J o Cmd + `.

Alternativamente, ve a Ver → Terminal en el menú superior.

Ahora, ejecuta el siguiente comando:

Este comando compila el proyecto y arranca un servidor de desarrollo local. Una vez que el proceso finalice, la terminal mostrará un mensaje con una URL:

Abre la URL (http://localhost:4200/) en tu navegador y verás la página de bienvenida de Angular.