Antes de comenzar el desarrollo con Angular, es necesario configurar el entorno de trabajo. Esto requiere tres herramientas esenciales: Node.js, Angular CLI y VS Code.

Instalación de Node.js

1. Acceder al sitio web oficial de Node.js website;

2. Utilizar la versión LTS (Long-Term Support) de Node.js en lugar de la versión más reciente, ya que Angular puede no ser completamente compatible con la última versión.

3. Seleccionar el sistema operativo correspondiente—en este caso se elige macOS, pero debe seleccionarse el que coincida con la configuración propia. Mantener las demás opciones sin cambios;

4. Descargar el instalador y seguir las instrucciones en pantalla para completar la instalación.

Una vez instalado, abre la terminal (o símbolo del sistema) y verifica que Node.js esté instalado:

Si todo está configurado correctamente, este comando mostrará la versión de Node.js instalada.

A continuación, verifica que npm (Node Package Manager) esté instalado:

Ejecutar npm -v mostrará la versión instalada de npm, lo que indica que se ha instalado correctamente y está listo para usarse.

Instalación de Angular CLI

Para instalar Angular CLI, primero abre tu terminal (o símbolo del sistema). Luego, ejecuta el siguiente comando para instalar Angular CLI de forma global:

Este comando instala Angular CLI globalmente en su sistema, haciéndolo disponible para cualquier proyecto Angular.

Una vez que la instalación esté completa, verifique la versión de Angular CLI ejecutando:

Esto mostrará la información de la versión de Angular CLI y otras dependencias instaladas.

Instalación de VS Code

1. Ir al sitio web oficial de VS Code;

2. Seleccionar la versión para su sistema operativo (Windows, macOS o Linux);

3. Descargar el instalador y seguir las instrucciones en pantalla para completar la instalación.

Una vez instalado, abrir VS Code y configurar las extensiones necesarias:

1. Ir a la sección de Extensiones (Ctrl + Shift + X en Windows o Cmd + Shift + X en macOS);

2. Instalar la extensión Angular Language Service para resaltado de código y autocompletado;

3. También se puede instalar Angular Essentials para añadir soporte de sintaxis, autocompletado y otras herramientas que facilitan el desarrollo con Angular en VS Code.