¿Cómo encontrar mi versión angular en mi proyecto?

92

He configurado el código angular en mi máquina local. Necesito saber la versión del angular que estoy usando en el proyecto. ¿Cómo puedo encontrarlo fácilmente en el indicador de cmd?

javascript angular Vignesh Kasthurisamy
fuente
13
Tampoco estoy seguro de por qué se rechaza esto. Ésta es una pregunta muy razonable.
DeborahK
@Vignesh. Gracias por hacer esta pregunta.
Tanzeel

Respuestas:

56

Hay varias formas de hacerlo:

  1. Entre node_modules/@angular/core/package.jsony marque el versioncampo.

  2. Si necesita usarlo en su código, puede importarlo desde @angular/core:

    import { VERSION } from '@angular/core';

  3. Inspeccione el DOM renderizado: Angular agrega la versión al elemento del componente principal:

    <my-app ng-version="4.1.3">

Max Koretskyi
fuente
aquí hay un ejemplo sobre el uso del método 2 anterior (programáticamente)
Hamzeen Hameem
54

prueba este comando:

ng --version

Imprime versiones Angular, Angular CLI, Node, Typecript, etc.

Mohamed Ali RACHID
fuente
2
Puede probar la versión corta:ng -v
Barna Tekse
1
ng --version, ng vfuncionan pero ng -vno funcionan.
Vaibhav
ng -v, ng v y ng --version funcionan bien en mi sistema. Mi versión es 7.1.0
Rao
La pregunta era cómo encontrar la versión del "proyecto". ng -v no indicará la versión real que está utilizando el proyecto, solo qué versiones de cli están instaladas en el sistema. Por ejemplo, mi comando ng -v muestra que tengo instalada la versión 9.1.2 de angular cli, sin embargo, en mi caso, el proyecto estaba usando la versión 5.2.5 de angular core. La mejor manera de encontrar la versión del "proyecto" es consultar la publicación de Max Koretskyi anterior. Conocer la versión de cli es útil, pero es más probable que necesite encontrar la versión de la biblioteca angular principal en su lugar, especialmente al calcular la compatibilidad de la biblioteca. y opciones de actualización.
Joshua Sprague
25

Para Angular 1 o 2 (pero no para Angular 4+):

También puede abrir la consola e ir a la pestaña de elementos en las herramientas de desarrollo de cualquier navegador que utilice.

O

Escriba angular.version para acceder al objeto Javascript que contiene la versión angular.

Para Angular 4+, hay varias formas que se enumeran a continuación:

Escriba el código siguiente en el símbolo del sistema / o en el terminal en el Código VS.

  1. ng version o ng --version (consulte el archivo adjunto como referencia).
  2. ng v
  3. ng -v

En el terminal puedes encontrar la versión angular como se muestra en la imagen adjunta: ingrese la descripción de la imagen aquí

  1. También puede abrir la consola e ir a la pestaña de elementos en las herramientas de desarrollo de cualquier navegador que utilice. Como se muestra en la siguiente imagen:

ingrese la descripción de la imagen aquí

5.Busque el archivo package.json, encontrará todos los paquetes instalados y su versión.

Trilok Pathak
fuente
Espectáculos 1, 2 y 3: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete
@alete Estás usando la versión Angular 6, esa es la resolución.
Trilok Pathak
@alete O avíseme en detalle qué comando está ejecutando y qué resultado obtiene.
Trilok Pathak
1
Mencionaré esto porque me atrapó: la versión ng se ve en node_modules. Por lo tanto, si realiza el pago de una rama diferente, la versión ng todavía informa la versión de la rama anterior hasta que ejecute una actualización de yarn o npm.
MortimerCat
1
La última opción para verificar la etiqueta html ng-version es la mejor opción
Mahesh Malpani
17

defina la variable VERSION e importe la versión en ella.

import { VERSION } from '@angular/core';

Ahora puede usar la variable VERSION en su código para imprimir la versión Por ejemplo,

console.log(VERSION.full);
Virendra Jadeja
fuente
1
Gracias. Esto fue tan simple. Esto debe marcarse como respuesta
Ziggler
respuesta más simple.
Amit Joshi
10

Para Angular 2+, puede ejecutar esto en la consola:

document.querySelector('[ng-version]').getAttribute('ng-version')

Para AngularJS 1.x:

angular.version.full
Nateowami
fuente
Esto solo funciona si tiene un código compilado disponible.
Cameron Hudson
3

  1. Navegador> Inspeccionar> Elemento>

    <.app-root _nghost-hey-c0 = "" ng-version = "8.2.11" >

  2. En terminal

    :> ng versión
    :> ng --version
    :> ng -v

RM Shahidul Islam Shahed
fuente
El método 1 solo está disponible si el código compilado está disponible. El método 2 solo proporciona la versión de la CLI angular que ha instalado globalmente, no la versión de angular en la que se escribió el proyecto.
Cameron Hudson
3

Si intenta verificar la versión angular en el navegador, para mí solo esto funcionó Ctrl+ Shift+ iy pegue el siguiente comando en la consola:

document.querySelector('[ng-version]').getAttribute('ng-version')

ex:

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

Eduard Florinescu
fuente
0

ng --versionEl comando mostrará solo la versión angular instalada en su computadora en lugar de la versión real del proyecto .

si realmente desea saber la versión del proyecto , vaya a su proyecto, use el siguiente comando

npm list -local

ingrese la descripción de la imagen aquí

Shakthifuture
fuente
0

También puede encontrar los detalles de la versión de las dependencias en el archivo package.json de la siguiente manera:

ingrese la descripción de la imagen aquí

Imran Javed
fuente
-1

puede usar ng --version para la versión angular 7

minitechi
fuente