¿Cómo comprobar la versión Angular?

124

Instalé el @angular/clipaquete a través de npm, usando este comando:

npm install -g @angular/cli

La versión 1.4.2 de @ angular / cli se ha instalado correctamente. Pero esa no es la versión Angular, sino la versión CLI.

Después de ejecutar, ng new myapp¿cómo puedo verificar qué versión de Angular es la aplicación creada? 2.x, 4.x?

Vinicius Brasil
fuente

Respuestas:

192
ng version

Instaló angular cli globalmente (-g en el comando). Esto significa que puede escribir ng versionen su símbolo del sistema. Puede ser más preciso hacer esto cuando su símbolo del sistema no está dentro de un directorio controlado por npm ( debe escribir esto dentro del directorio que escribió ng new myapp).

Una nota para aquellos que llegaron aquí de Google: ng version les permitirá saber a qué versión (aproximada) de Angular se hace referencia en el directorio actual. Por ejemplo, este directorio parece tener instalado angular 4.x (~ 4.3.0).

@angular/cli: 1.2.1
node: 8.11.1
os: win32 x64
@angular/common: 4.3.0
@angular/compiler: 4.3.0
@angular/core: 4.3.0
@angular/forms: 4.3.0
@angular/http: 4.3.0
@angular/platform-browser: 4.3.0
@angular/platform-browser-dynamic: 4.3.0
@angular/router: 4.3.0
@angular/cli: 1.2.1
@angular/compiler-cli: 4.3.0

Si no se encuentra dentro de un directorio que tiene un packages.config, obtendrá Angular: ....

D. Escudero
fuente
4
La versión ng no le proporcionará una versión angular. necesita verificar package.json para conocer la versión angular
Suresh Kamrushi
@SureshKamrushi puedo apoyar esto, mostró todo excepto la versión
Kolob Canyon
4
ng versionproporciona la versión de Angular si está en la carpeta del proyecto.
Vinicius Brasil
Si está en la carpeta del proyecto, la versión ng proporcionará la versión de angular que el proyecto está usando junto con otra información como la versión de Angular cli, la versión de nodo, la versión de TypeScript, la versión de paquete web, la versión de rxjs, etc.
ssmsnet
36

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 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 (busque la imagen de 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í

  1. Busque el archivo package.json, encontrará todas las dependencias instaladas y su versión.
Trilok Pathak
fuente
13

Debe verificar el archivo package.json en el proyecto. Allí verá todos los paquetes instalados y las versiones de esos paquetes.

alexKhymenko
fuente
11

En la línea de comandos podemos comprobar nuestra versión ng instalada.

ng -v OR ng --version OR ng version

Esto te dará así:

 _                      _                 ____ _     ___

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

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...
Vik2696
fuente
1
@viki, ¿es este angular 5? ¿Puede decirme cómo identificamos cuál es angular 4,3,5
Vinoth
1
@vinod. CLI angular:> 1.3 se considera Anguar 5. Debajo está Angular 4.
Vik2696
6
¿Puede explicarme por qué dice Angular: ..... no debería mostrar la versión allí?
Kolob Canyon
1
¡Es 2020 y Angular 9 ya está aquí! Y sigo viendo ... como mi versión Angular. ¿Por qué se muestra así?
Prateek Kumar Dalbehera
7

ng v

Simplemente ejecute el comando anterior en la terminal.

Mwiza
fuente
2

Creo que la respuesta dada por D. Squire fue precisa, pero posiblemente solo un poco vaga. Si cambia de directorio a un proyecto y luego escribe ng --version, mostrará la versión angular en el proyecto. Si lo hace desde un directorio predeterminado (no dentro de un proyecto), solo obtendrá la versión de CLI angular, que probablemente no sea lo que está buscando y dará el resultado que muestra Vik2696.

$ cd my-project
$ ng --version   // done within project directory

Angular CLI: 1.6.8
Node: 8.9.4
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0
Douglas Larson
fuente
2

Angular CLI ng v genera pocas cosas más que solo la versión.

Si solo desea la versión de él, puede agregar pipe grep y filtrar para angular como:

ng v | grep 'Angular:'

SALIDA:

Angular: #.#.# <-- VERSION

Para esto, tengo un alias que es

alias ngv='ng v | grep 'Angular:''

Entonces solo usa ngv

T04435
fuente
2

ejecutar ng version

luego simplemente verifique la versión del paquete de núcleo angular.

@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2
P.Singh
fuente
2

En la terminal, escriba ng -vo ng --version.

Señor codificador
fuente
1
  1. ng v
  2. ng --v

verá algo como lo siguiente:

Angular CLI: 7.3.8
Node: 10.15.1
OS: win32 x64
Angular: 5.2.10
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router

La versión angular está en la línea 4 arriba

Akash Yellappa
fuente
1

Hay muchas formas de verificar la versión angular.Simplemente presione el comando comand (para Windows) y escriba

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 de angular angularJS y angular 2+

Srikrushna
fuente
0

Desde el ángulo 7 en adelante, los siguientes dos comandos están funcionando

ng --version 
ng version
subhashis
fuente
0

Primero instale Angular / cli globalmente en la máquina. para instalar el angular / cli ejecute el comando npm install -g @ angular / cli

Por encima de Angular7, use estos dos comandos ingrese la descripción de la imagen aquípara conocer la versión de Angular / Cli 1. ng --version, 2. ng version

Narendra Reddy
fuente
0

comprobar el símbolo del sistema

ng --version O ng versión O ng -v

Prithivi Raj
fuente
0

El comando ng --version devuelve los detalles de la versión de Angular CLI instalada

Sunil T
fuente
-1

mis 2 centavos, en Angular 9 (no verifiqué versiones anteriores) puede encontrar la versión angular en los atributos de root div y así es como muestro la versión actual en el componente app-root (extráigala y guárdela en mi Global para usarla en otros componentes :

import { Component, ElementRef } from "@angular/core";
....
@Component({
  selector: 'app-root',
  templateUrl: `<div>
    <h1>TestApp: .NetCore3.1 + PostgreSql 12 + Angular {{ngVersion}}</h1>
</div>
....
 `
})
export class AppComponent {
  ngVersion: string;
  constructor(private router: Router, private el: ElementRef) {
    ....    
    //read ng-verion and save it in Global's
    Global.ngVersion = this.el.nativeElement.getAttribute("ng-version");
    this.ngVersion = Global.ngVersion.substring(0, 1);
    ....
  }
}
Ivica Buljević
fuente