¿Cómo puedo verificar qué versión de Angular estoy usando?


301

¿Cómo puedo saber qué versión de Angular estoy usando?

Yo he tratado:

angular --version
angular --v
angular -version
angular -v

pero obtener -bash: angular: command not found

Sé por yeoman --versioneso que estoy usando0.9.6

Pero, ¿cómo se obtiene la versión angularjs?


¿Puedes por favor aceptar una respuesta diferente? La respuesta de @ lolski es mucho mejor
Kolob Canyon

La respuesta de Leo (mira las líneas angulares relacionadas en package.json) funciona para cualquier versión de AngularJS (1) o Angular 2+. La respuesta de Tony dong (inspeccionar la etiqueta de la aplicación en DOM) funciona bien para cualquier versión de Angular 2 o superior. El de Loliski funciona solo para 1 y 2, no para versiones más grandes. La respuesta aceptada (TheHippo) solo funciona para AngularJS (1)
Pac0

¿Tiene algún sentido tener la pregunta etiquetada angular y angularjs? Ambas son bibliotecas completamente diferentes. Tendría mucho más sentido tener una pregunta para cada uno. Entonces la respuesta aceptada no se habría invalidado parcialmente cuando se agregó la nueva etiqueta.
Paul Rooney

Respuestas:


216

Editar: cuando se escribió esta respuesta, solo había AngularJS 1.x. Busque en las respuestas a continuación las versiones angulares> = 2.

AngularJS no tiene una herramienta de línea de comando.

Puede obtener el número de versión del archivo JavaScript en sí.

Encabezado de la corriente angular.js:

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */

76
Puede escribir angular.version, que da la versión de angular.
Nishchit Dhanani

2
@AfshinMoazami No importa. Está en el comentario en la parte superior del archivo. Por razones de licencia, no debe eliminar el comentario.
TheHippo

3
Primero, cuando se minimiza, no es fácil buscar una licencia en un archivo enorme. En segundo lugar, confiar en el archivo / comentario de licencia no es realmente una gran opción, ya que puede cambiar por un error de minfier.
Afshin Moazami

3
El riesgo de esta respuesta es si hay varias dependencias angulares que potencialmente se pueden obtener y estar seguro de qué versión está cargando realmente el navegador.
Malkus

77
¿Cuál es la ubicación del archivo angular.js?
myroslav

301

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

También puede abrir la consola en las herramientas de desarrollador de cualquier navegador que utilice y escribir angular.versionpara acceder al objeto Javascript que contiene la versión angular.

Muy útil cuando el script se minimiza sin comentario de encabezado.


22
angular.version.full contiene la versión completa (por ejemplo, "1.2.16") como una cadena
Guillaume

66
La mejor respuesta, la aceptada será imposible si se usa una versión reducida
Alfredo A.

99
angular.version y angular.version.full no funcionan en la versión 4, pero la html 'ng-version' es visible.
DFBerry

55
Error de referencia no capturado: angular no está definido en <anónimo>: 1: 1
Anuj

166

Para Angular 2+, en cualquier navegador moderno que tenga herramientas de desarrollo (F12) puede inspeccionar la etiqueta de aplicación de nivel superior.

Para Internet Explorer 11 o Edge, puede encontrar información aquí:Número de versión angular

Funciona para el navegador Chrome Angular 2+

ingrese la descripción de la imagen aquí

Firefox Firebug

ingrese la descripción de la imagen aquí


No veo este atributo de elemento para la versión angular1.5.7
mihai

19
Gracias, angular.versionno funcionaba en mi casa
J4N

Funciona para angular 5 también. En cualquier navegador capaz de mostrar el DOM, lo que significa todos los navegadores modernos de escritorio a hoy en día.
Pac0

111

Si está utilizando angular-cli, puede verificarlo fácilmente escribiendo

ng -v

o ng ven Angular 8, en Terminal o Bash. Nota: Ejecute el comando dentro del directorio del proyecto.

Deberías obtener algo como esto:

angular-cli: 1.0.0-beta.24
node: 7.4.0
os: darwin x64
@angular/common: 2.4.3
@angular/compiler: 2.4.3
@angular/core: 2.4.3
@angular/forms: 2.4.3
@angular/http: 2.4.3
@angular/platform-browser: 2.4.3
@angular/platform-browser-dynamic: 2.4.3
@angular/router: 3.4.3
@angular/compiler-cli: 2.4.3

13
Ah, estaba atrapado en esto. Si escribo 'ng -v' en una carpeta que no es de proyecto, solo da la versión AngularCLI, pensé que daría toda la información. Pero escribiéndola desde withing una carpeta de proyecto creado cli da todos los detalles de lo versiones angular esa carpeta está utilizando
Drenai

3
angular --version en su lugar en Angular 7.0.2.
mijiturka

Tenga en cuenta que si usa NVM y no ve paquetes que sabe que ha instalado, es posible que los haya instalado en una versión diferente de Node. Una opción es migrar de una versión anterior a su versión actual. Ver más detalles en github.com/creationix/… .
samurai_jane

2
ng v en Angular 8
Brian Ogden

75

En la consola del desarrollador del navegador (presione F12 para abrirlo), puede escribir lo siguiente,

angular.version.full

le dará la versión completa, por ejemplo (dependiendo de su versión actual). [Realmente obtiene la fullpropiedad del angular.versionobjeto.]

"1.4.3"

Entonces, para ver el objeto completo, si escribe

angular.version

Le dará el objeto de versión completa que contiene información de versión como completa, mayor, menor y también el nombre de código, por ejemplo

Object {full: "1.4.3", major: 1, minor: 4, dot: 3, codeName: "foam-acceleration"}

Con este comando puede encontrar la versión angular de cualquier sitio web que esté visitando, siempre que use el marco.
cezar

39

También puede consultar su package.json :

"dependencies": {
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
  }

(El cursor ^lo actualizará a la versión principal más reciente (el primer número). ^4.3.0Coincidirá con cualquier 4.x.xversión incluida 4.4.0, pero se mantendrá en espera 5.0.0. La tilde ~coincide con la versión menor más reciente (el número del medio). ~4.3.0Coincidirá con todas las 4.3.xversiones, pero echaremos de menos 4.4.0.)


¡Útil si su aplicación angular aún no se ha iniciado! Pero solo funciona si tienes el código fuente, por supuesto. Para una aplicación remota en línea, vea la respuesta de Tony Dong , inspeccionar la etiqueta angular principal en el DOM parece funcionar para cualquier versión Angular2 +.
Pac0

24

Ahora es ng -v

Si está utilizando cli angular, puede verificar el uso

ng --version

Ahora es ng -v

O también puedes registrarte

archivo pakage.json

 "dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angular-in-memory-web-api": "^0.3.2",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },

23

Hay muchas formas, comprueba la versión angular. Solo tienes que escribir el símbolo del sistema (para Windows) y escribir

1. ng version
2. ng v
3. ng -v

verifique la versión angular usando la línea de comando

4. You can pakage.json file

verifique la versión angular en el archivo pakage.json

5.You can check in browser by presing F12 then goto elements tab

verifique la versión angular en su navegador

Comprensión completa de la subversión sobre (xxx), consulte la documentación angular angularJS y angular 2+


2
ng -v no funciona en la última versión angular (verifiqué si hay angular 8)
Srikrushna

14

Para Angular 4, muchas de las opciones ya no funcionan. Actualización de julio de 2017 Dos posibilidades:

1) La más simple es abrir el paquete.json de nuestro proyecto y verificar las versiones utilizadas, entre ellas la de Angular.

ingrese la descripción de la imagen aquí

2) Después de ejecutar ng serve, abrimos el inspector de elementos del explorador que usamos y podemos observar la versión como en la siguiente imagen.

ingrese la descripción de la imagen aquí


Entonces, ¿cuál de todas las líneas dice qué versión de Angular es?
powder366

1
@ powder366 @angular/corey los hermanos (aquí significa que se trata de Angular 4, última actualización debido al ^frente)
Pac0


6

Atención : ¡¡¡Lo siguiente solo verifica la versión Angular-CLI !!!:

Ambos comandos funcionan:

ng -v

o

ng v

ingrese la descripción de la imagen aquí


1
Esa es la versión de "Angular CLI", no la versión de "Angular".
mareoraft

angular cli 7 tiene el comando "ng version", que incluye la versión angular
Dynrepsys

6

Si está utilizando angular-cli, simplemente use el comando:

ng v

5

Para uso angular 4+,

  • ng version
  • ng v

Tenga en cuenta que la opción ng -v no funciona en Angular 7+.


5

Solo corre ng val mando

Obtendrás resultados como

Angular CLI: 7.3.9
Node: 12.11.0
OS: win32 x64
Angular: 7.2.15
... common, compiler, compiler-cli, core, f
... language-service, platform-browser, pla
... router

Package                           Version
-------------------------------------------
@angular-devkit/architect         0.13.9
@angular-devkit/build-angular     0.13.9
@angular-devkit/build-optimizer   0.13.9
@angular-devkit/build-webpack     0.13.9
@angular-devkit/core              7.3.9
@angular-devkit/schematics        7.3.9
@angular/cli                      7.3.9
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.0
@schematics/update                0.13.9
rxjs                              6.5.3
typescript                        3.1.6
webpack                           4.29.0

3

Hay múltiples formas:

  1. Puede verificarlo desde su archivo package.json
  2. Utiliza el siguiente comando:

ng --version

El comando anterior dará como resultado el siguiente resultado:

CLI angular: 7.0.3

Nodo: 9.4.0

OS: darwin x64

Angular: 7.0.1

... animaciones, común, compilador, compilador-cli, núcleo, formularios

... http, servicio de idiomas, navegador de plataforma

... plataforma-navegador-dinámico, enrutador

Versión del paquete


@ angular-devkit / architect 0.10.3

@ angular-devkit / build-angular 0.10.3

@ angular-devkit / build-optimizer 0.10.3

@ angular-devkit / build-webpack 0.10.3

@ angular-devkit / core 7.0.3

@ angular-devkit / schematics 7.0.3

@ angular / cli 7.0.3

@ ngtools / webpack 7.0.3

@ esquemas / angular 7.0.3

@ esquemas / actualización 0.10.3

rxjs 6.3.3

mecanografiado 3.1.4

paquete web 4.19.1

Entonces, la versión de Angular, Angular CLI, Node y muchos otros paquetes se pueden verificar desde aquí.


3

Si está utilizando el editor de código VS.

Vaya al panel Explorador en el lado izquierdo -> busque package.json y ábralo -> en dependencias find @ angular / core.

Esta es su versión angular, ya que el núcleo es la característica principal

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí


3

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 desarrollador de cualquier navegador que utilice.

O

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

Para Angular 4+ Existen varias formas, como se detalla a continuación:

Escriba el código a continuación en el símbolo del sistema / o en el terminal en el Código VS (hasta 3)

  1. ng version o ng --version (Encuentre la imagen para la referencia)
  2. ng v
  3. ng -v

En el terminal puede 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 desarrollador de cualquier navegador que utilice. Como se muestra en la imagen a continuación:

ingrese la descripción de la imagen aquí

  1. Busque el archivo package.json. Encontrará todas las dependencias instaladas y su versión.


2

En su carpeta de proyecto, abra la terminal de comando y escriba

ng -v

le dará una lista de elementos, en la que podrá ver la versión angular. Mira la captura de pantalla.

detalles de la versión


44
CLI angular: 1.7.3 Nodo: 8.9.0 OS: win32 x64 Angular: ... no se muestra según la captura de pantalla
Devang Solanki

2

versión después de angular 2 que puede usar desde la terminal,

ng -v



    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.7.3
Node: 9.3.0
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.3
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
mohideen@root:~/apps/UI$ 

1

simplemente vaya a su directorio de proyecto angular a través de la terminal y ng -vbrinde toda la información como esta

Angular CLI: 1.7.4
Node: 8.11.1
OS: linux x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

Si ng-vmarca fuera de directoty de proyecto angular, mostrará solo la versión angular-cli.


Sí, si desea ver la versión angular, debe ir dentro de una carpeta de proyecto.
Gero

1

ingrese la descripción de la imagen aquíEn la nueva versión de angular cli, [ng -v] no funcionará. Es necesario escribir [ng version].


0

Estará aquí

../project_name/bower_components/angular/angular.js

/**
 * @license AngularJS v1.0.6
 * (c) 2010-2012 Google, Inc. http://angularjs.org
 * License: MIT
 */



0

Igual que la respuesta anterior, puede verificar en el navegador inspeccionando el elemento, si es AngularJS podemos ver algo como a continuación.

La directiva ng-app le dice a AngularJS que este es el elemento raíz de la aplicación AngularJS.

Todas las aplicaciones de AngularJS deben tener un elemento raíz.


0

Para JS angular, puede encontrarlo en el archivo angular-animate.js como se muestra a continuación:

/ ** * @license AngularJS v1.4.8 * (c) 2010-2015 Google, Inc. http://angularjs.org * Licencia: MIT * /


0

También puede verificarlo inspeccionando los elementos en la página:

  1. presione F12 para abrir las herramientas de desarrollo del navegador.

  2. Inspeccionar un elemento.

  3. Expandir cuerpo

  4. Verá la versión de Angular, como la siguiente:

ng-version = "4.3.6"

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.