¿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

56

Hay varias formas de hacerlo:

Entre node_modules/@angular/core/package.jsony marque el versioncampo.
Si necesita usarlo en su código, puede importarlo desde @angular/core:

import { VERSION } from '@angular/core';
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.

ng version o ng --version (consulte el archivo adjunto como referencia).

ng v

ng -v

En el terminal puedes encontrar la versión angular como se muestra en la imagen adjunta:

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:

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

Navegador> Inspeccionar> Elemento>

<.app-root _nghost-hey-c0 = "" ng-version = "8.2.11" >
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:

— 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

— 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:

— Imran Javed
fuente

-1

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

— minitechi
fuente