¿Estás trabajando con Angular y necesitas configurar proyectos con diferentes versiones de Angular? ¡Aquí hay una guía sencilla para crear proyectos de Angular para versiones específicas, con y sin Angular CLI!

¿Por qué utilizar versiones angulares específicas?

Cuando trabajas en varios proyectos de Angular, a veces necesitas bloquear una versión en particular. Quizás su proyecto dependa de ciertas funciones disponibles solo en versiones específicas, o quizás requiera compatibilidad con bases de código heredadas.

A continuación se explica cómo crear proyectos con versiones particulares de Angular, ¡ya sea que esté usando la CLI o no!

1. Crear un proyecto angular Sin instalar la CLI de Angular

¿Sabías que puedes inicializar proyectos de Angular para versiones específicas sin instalar la CLI? Veamos la sintaxis y los ejemplos.

Sintaxis

npm init @angular@

Reemplace con la versión de Angular que desee y con el nombre de su proyecto. Por ejemplo, si desea crear un proyecto de Angular 16 llamado sampleApp, ejecutaría:

Ejemplo

npm init @angular@16 sampleApp

Este enfoque configura un proyecto Angular básico sin instalar Angular CLI globalmente. Es útil si desea evitar instalar herramientas adicionales o si trabaja en un entorno restringido.

Otros ejemplos

• Proyecto de Angular 13 llamado LegacyApp:
  

  npm init @angular@13 legacyApp
  

Este comando despliega la versión de Angular necesaria directamente, configurando la estructura del proyecto y las dependencias específicas de esa versión.

2. Crear una versión específica de un proyecto angular con Angular CLI

Si prefiere utilizar Angular CLI, aún puede crear un proyecto para una versión específica sin instalar permanentemente la CLI. Utilice npx para ejecutar la CLI directamente, especificando su versión.

Sintaxis

npx -p @angular/cli@ ng new 

Este comando usa npx para ejecutar temporalmente la versión CLI especificada, creando un proyecto adaptado a esa versión de Angular.

Ejemplo

npx -p @angular/cli@13 ng new demoApp

Este comando crea un nuevo proyecto usando Angular CLI versión 13, incluso si tiene una versión diferente de Angular CLI instalada globalmente.

Ventajas de usar npx:

• Sin instalación permanente: la versión CLI especificada se descarga para un uso único, lo que ahorra espacio y evita posibles conflictos de versiones.
• Cambie de versión fácilmente: puede cambiar rápidamente entre versiones para diferentes proyectos sin administrar múltiples instalaciones CLI globales.

Cuándo elegir enfoques CLI frente a enfoques no CLI

Sin CLI

• Cuando quieras una configuración mínima
• Cuando se trabaja en un entorno restringido sin una instalación global de Angular CLI

Con CLI

• Cuando necesitas aprovechar los comandos y esquemas de la CLI
• Al configurar un espacio de trabajo Angular con todas las funciones

Concluyendo

Ya sea que elija utilizar o sin CLI, la flexibilidad de Angular con npm init y npx facilita la administración de proyectos en diferentes versiones. Entonces, la próxima vez que necesites poner en marcha un proyecto de versión Angular específico, sabrás exactamente cómo hacerlo sin necesidad de preocuparte por las instalaciones de CLI.

Resumen de comandos rápidos

¡Y listo! Espero que esta guía te haya resultado útil para tus proyectos de Angular. Comente a continuación cualquier pregunta o consejo que pueda tener para trabajar con versiones específicas de Angular.

¡Feliz codificación!