En esta sección, aprenderás a configurar tu entorno de desarrollo para trabajar con Angular. Este es un paso crucial para asegurarte de que tienes todas las herramientas necesarias para desarrollar aplicaciones Angular de manera eficiente.

Antes de comenzar, asegúrate de tener instalados los siguientes programas en tu sistema:

1. Node.js y npm: Angular requiere Node.js y npm (Node Package Manager) para gestionar las dependencias y ejecutar scripts. Puedes descargar e instalar Node.js desde nodejs.org. La instalación de Node.js también incluye npm.

2. Editor de Código: Se recomienda usar Visual Studio Code (VS Code) por su integración con Angular y sus extensiones útiles. Puedes descargarlo desde code.visualstudio.com.

Abre una terminal o línea de comandos y ejecuta los siguientes comandos para verificar que Node.js y npm están instalados correctamente:

Deberías ver las versiones instaladas de Node.js y npm. Si no ves las versiones, asegúrate de que la instalación se haya completado correctamente.

Angular CLI (Command Line Interface) es una herramienta que facilita la creación y gestión de proyectos Angular. Para instalar Angular CLI, ejecuta el siguiente comando en tu terminal:

El parámetro -g indica que la instalación es global, lo que significa que Angular CLI estará disponible en cualquier lugar de tu sistema.

Una vez que Angular CLI esté instalado, puedes crear un nuevo proyecto Angular. Ejecuta el siguiente comando en tu terminal:

Este comando iniciará un asistente que te pedirá algunas configuraciones para tu nuevo proyecto, como el nombre de la aplicación y si deseas incluir características como el enrutamiento y el soporte para estilos CSS, SCSS, etc.

Después de crear el proyecto, navega al directorio del proyecto recién creado:

Para asegurarte de que todo está configurado correctamente, puedes ejecutar la aplicación Angular con el siguiente comando:

Este comando compilará la aplicación y la servirá en un servidor de desarrollo. Por defecto, la aplicación estará disponible en http://localhost:4200/.

Abre tu navegador y navega a http://localhost:4200/. Deberías ver la página de bienvenida de Angular, lo que indica que tu entorno de desarrollo está configurado correctamente.

En esta sección, hemos cubierto los siguientes pasos para configurar tu entorno de desarrollo Angular:

1. Verificar la instalación de Node.js y npm.
2. Instalar Angular CLI.
3. Crear un nuevo proyecto Angular.
4. Navegar al directorio del proyecto.
5. Ejecutar la aplicación Angular.

Con tu entorno de desarrollo configurado, estás listo para comenzar a desarrollar aplicaciones Angular. En la próxima sección, exploraremos la arquitectura de Angular para entender mejor cómo funciona este framework.