Back

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

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

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

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.

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