12k
All articles

3 Métodos para verificar la versión de Angular

Se explican tres métodos para verificar la versión de Angular mediante la Angular CLI, el archivo package.json y la consola del navegador, con pasos claros.

OpenReplay Team
OpenReplay Team
3 Métodos para verificar la versión de Angular

Ya sea que esté depurando un problema o preparándose para una actualización, conocer su versión de Angular es esencial. Esta guía rápida lo guía a través de tres métodos simples para verificar la versión de Angular de su proyecto. Al final, tendrá las herramientas para identificarla de manera rápida y precisa.

Puntos clave

  • Puede verificar la versión de Angular usando la CLI, package.json, o inspeccionando la consola del navegador.
  • Cada método funciona mejor en diferentes escenarios, dependiendo de la configuración de su proyecto.
  • Conocer su versión de Angular garantiza la compatibilidad con herramientas y dependencias.

1. Verificar usando la CLI de Angular

La CLI de Angular proporciona una forma sencilla de verificar la versión de su proyecto:

  1. Abra una terminal.
  2. Navegue hasta el directorio raíz de su proyecto Angular.
  3. Ejecute el siguiente comando:
   ng version

Esto muestra información detallada, incluyendo la versión de Angular, la versión de la CLI y las dependencias.

Cuándo usar este método

Use la CLI si está trabajando activamente en el proyecto o solucionando problemas localmente. Es rápido y confiable.

2. Inspeccionar el archivo package.json

Su archivo package.json almacena información de versión para Angular y sus dependencias. Así es como encontrarlo:

  1. Abra el archivo package.json en el directorio de su proyecto.
  2. Busque @angular/core en la sección dependencies:
   {
     ""dependencies"": {
       ""@angular/core"": ""^15.2.0""
     }
   }

El número después de @angular/core (por ejemplo, 15.2.0) es su versión de Angular.

Cuándo usar este método

Esto es útil cuando no tiene la CLI instalada o necesita verificar la versión de forma remota (por ejemplo, a través del control de versiones).

3. Usar la consola del navegador

Si el proyecto se está ejecutando en el navegador, puede inspeccionar la versión de Angular directamente desde la consola:

  1. Abra las herramientas de desarrollador del navegador (generalmente F12 o clic derecho → Inspeccionar).
  2. Navegue a la pestaña ""Consola"".
  3. Escriba y ejecute el siguiente comando:
   ng.probe(document.body).injector.get(ng.coreTokens.VERSION).full

Esto mostrará la versión de Angular actualmente en uso.

Cuándo usar este método

Este método es ideal cuando se accede a una aplicación Angular implementada donde no tiene acceso a los archivos fuente o la CLI.

Preguntas frecuentes

¿Qué pasa si el comando 'ng version' no funciona?

Asegúrese de tener la CLI de Angular instalada globalmente ejecutando 'npm install -g @angular/cli' y vuelva a intentar el comando.

¿Puedo usar estos métodos para versiones anteriores de AngularJS?

No. AngularJS (1.x) no usa las mismas herramientas. Verifique la versión a través de la propiedad `angular.version.full` en la consola en su lugar.

¿Por qué es importante la versión de Angular?

Asegura la compatibilidad con las dependencias, ayuda a solucionar problemas y determina la documentación correcta a seguir.

Conclusión

Identificar la versión de Angular es sencillo usando la CLI, package.json, o la consola del navegador. Elija el método que se ajuste a su escenario y asegúrese de que sus proyectos se mantengan compatibles y mantenibles.

Listen to your bugs 🧘, with OpenReplay

See how users use your app and resolve issues fast.
Loved by thousands of developers

We use cookies to improve your experience. By using our site, you accept cookies.