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

Se explorarán las carpetas y archivos clave que se crean automáticamente al configurar un nuevo proyecto Angular.

Estructura del Proyecto

Al ejecutar el comando ng new angular-app, Angular CLI genera la siguiente estructura:

📂 src/ – Application Source Code.

Esta carpeta contiene los archivos principales y las configuraciones necesarias para su aplicación Angular.

Código de la aplicación

Archivos de configuración

Archivos adicionales

Ejecución de una aplicación Angular

Para iniciar su aplicación Angular, primero abra la terminal. En VS Code, puede utilizar los siguientes atajos:

• macOS: Cmd + J o Cmd + `;

• Windows: Ctrl + J o Cmd + `.

Como alternativa, vaya a Ver → Terminal en el menú superior.

Ahora, ejecute el siguiente comando:

Este comando compila el proyecto e inicia un servidor de desarrollo local. Una vez finalizado el proceso, la terminal mostrará un mensaje con una URL:

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