Explorando Angular 18 sin interrumpir los proyectos existentes

Recientemente estuve trabajando en un proyecto de Angular 17 y sentí la picazón de explorar las nuevas y emocionantes características de Angular 18. Sin embargo, quería hacer esto de una manera que no afectara mis proyectos existentes que ya estaban en producción o Fases de control de calidad. Esto presentó un pequeño desafío:

• Global Angular 17: Tenía la versión 17 de Angular CLI instalada globalmente.
• Requisito de Angular 18: Node.js versión 18.19 o superior era un requisito previo para Angular 18.
• Preservar proyectos existentes: Necesitaba mantener intactos mis proyectos existentes de Angular 17.

Aprovechando el Administrador de versiones de nodo (NVM):

Para abordar esto, decidí aprovechar un Administrador de versiones de nodo (NVM). NVM le permite administrar múltiples versiones de Node.js en su sistema, lo que facilita el cambio entre ellas para diferentes proyectos. Así es como lo configuro:

1. Instalar NVM: Puede seguir las instrucciones en el sitio web oficial de NVM para descargarlo e instalarlo aquí.

2. Instalar Node.js 18: Una vez instalado NVM, utilicé el comando
   

nvm install latest 

Esto instaló la versión más reciente de Node.js (que en ese momento era 22.4.1).

Creación de un entorno de desarrollo independiente:

A continuación, creé un directorio separado para mis proyectos de práctica de Angular 18. Esto ayuda a aislar el entorno de mis proyectos existentes.

Instalación de Angular 18 localmente:

Para instalar Angular 18 para este proyecto específico, utilicé el siguiente comando:

npm install @angular/cli@latest 

Observe la ausencia de -g. Esto instala la última versión de Angular CLI (que era 18.1.0 en ese momento) localmente dentro del directorio del proyecto, sin afectar la instalación global.

¡Sorpresa! Todavía no he llegado a ese punto:

Cuando intenté crear un nuevo proyecto usando ng new Practice-project, de forma predeterminada usé la versión Angular CLI instalada globalmente (17). Aquí es donde entra en juego la magia de npx.

Presentación del ejecutor del paquete de nodos (npx):

npx le permite ejecutar paquetes desde npm sin instalarlos globalmente. Esta resultó ser la clave para usar la versión específica de Angular CLI (18) para mi nuevo proyecto. Aquí está el comando ganador:

npx @angular/cli@18 new my-angular-18-project

Verifico el proyecto ejecutando ng version

¡Éxito! Explorando Angular 18:

Después de esperar a que se instalaran las dependencias necesarias, ¡tenía un nuevo proyecto de Angular 18 (mi-proyecto-angular-18) listo para funcionar! Esto me permitió explorar todas las características nuevas de Angular 18, incluida la interesante sintaxis @let, sin interferir con mis proyectos existentes de Angular 17.