Como verificar a versão Angular?


124

Instalei o @angular/clipacote via npm, usando este comando:

npm install -g @angular/cli

A versão 1.4.2 do @ angular / cli foi instalada com sucesso. Mas essa não é a versão Angular, mas a versão CLI.

Após a execução, ng new myappcomo posso verificar qual é a versão Angular do aplicativo criado? 2.x, 4.x?

Respostas:


192
ng version

Você instalou o angular cli globalmente (-g no comando). Isso significa que você pode digitar ng versionno prompt de comando. Pode ser mais preciso fazer isso quando o prompt de comando não estiver em um diretório controlado por npm (você deve digitar no diretório que digitou ng new myapp).

Uma nota para quem chegou aqui do Google: ng version permitirá que você saiba qual versão (grosseira) do Angular é referenciada pelo diretório atual. por exemplo, este diretório parece ter o angular 4.x (~ 4.3.0) instalado.

@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

Se você não estiver em um diretório que tenha packages.config, você obterá Angular: ....


4
A versão ng não fornecerá a versão angular. você precisa verificar o package.json para saber a versão angular
Suresh Kamrushi

@SureshKamrushi eu posso apoiar isso, ele exibiu tudo, exceto a versão
Kolob Canyon

4
ng versionfornece a versão Angular se você estiver na pasta do projeto.
Vinicius Brasil

Se você estiver na pasta do projeto, ng version fornecerá a versão do angular que o projeto está usando junto com outras informações, como versão do Angular CLI, versão do node, versão do TypeScript, versão do webpack, versão do rxjs etc.
ssmsnet

36

Para Angular 1 ou 2 (mas não para Angular 4+):

Você também pode abrir o console e ir para a guia de elemento nas ferramentas de desenvolvedor de qualquer navegador que usar.

Ou

Digite angular.version para acessar o objeto Javascript que contém a versão angular.

Para Angular 4+ Existem várias maneiras listadas abaixo:

Escreva o código abaixo no prompt de comando / ou no terminal no VS Code. (até 3)

  1. ng version ou ng --version (Encontre a imagem para referência)
  2. ng v
  3. ng -v

No terminal você pode encontrar a versão angular conforme mostrado na imagem em anexo: insira a descrição da imagem aqui

  1. Você também pode abrir o console e ir para a guia de elemento nas ferramentas de desenvolvedor de qualquer navegador que usar. Conforme exibido na imagem abaixo:

insira a descrição da imagem aqui

  1. Encontre o arquivo package.json. Você encontrará todas as dependências instaladas e suas versões.

13

Você deve verificar o arquivo package.json no projeto. Lá você verá todos os pacotes instalados e as versões desses pacotes.


11

Na linha de comando podemos verificar nossa versão instalada.

ng -v OR ng --version OR ng version

Isso vai te dar assim:

 _                      _                 ____ _     ___

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

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...

1
@viki, é este angular 5, você pode me dizer como identificamos qual é angular 4,3,5
Vinoth

1
@vinod. Angular CLI:> 1.3 é considerado como Anguar 5. Abaixo disso está Angular 4.
Vik2696

6
você pode me explicar por que diz Angular: ... não deveria exibir a versão lá?
Kolob Canyon de

1
É 2020 e o Angular 9 está aqui! E eu ainda vejo ... como minha versão Angular. Por que está mostrando assim?
Prateek Kumar Dalbehera

7

ng v

Basta executar o comando acima no terminal.


2

Acho que a resposta dada por D. Squire foi precisa, mas possivelmente apenas um pouco vaga. Se você mudar os diretórios para um projeto e digitar ng --version, será exibida a versão angular do projeto. Se feito a partir de um diretório padrão (não dentro de um projeto), você obterá apenas a versão Angular CLI, que provavelmente não é o que você está procurando e fornecerá a saída mostrada por 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

2

Angular CLI ng v produz poucas coisas a mais do que apenas a versão.

Se você quiser apenas a versão dele, você pode adicionar grep pipe e filtro para angular como:

ng v | grep 'Angular:'

RESULTADO:

Angular: #.#.# <-- VERSION

Para isso, tenho um alias que é

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

Então é só usar ngv


2

versão em execução

em seguida, basta verificar a versão do pacote 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


1
  1. ng v
  2. ng --v

você verá algo como o seguinte:

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

A versão angular está na linha 4 acima


1

Existem várias maneiras de verificar a versão angular. Basta clicar no prompt de comando (para janelas) e digitar

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

verifique a versão angular usando linha de comando

4. You can pakage.json file

verifique a versão angular no arquivo pakage.json

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

verifique a versão angular no seu navegador

Compreensão total do subversion sobre (xxx), consulte a documentação do angular angularJS e angular 2+


0

Do angular 7 em diante, os dois comandos a seguir estão funcionando

ng --version 
ng version

0

Primeiro instale o Angular / cli globalmente na máquina. para instalar o angular / cli execute o comando npm install -g @ angular / cli

Acima do Angular7, use estes dois comandos insira a descrição da imagem aquipara saber a versão do Angular / Cli 1. ng --version, 2. ng version



0

O comando ng --version retorna os detalhes da versão do Angular CLI instalado



-1

meus 2 centavos, no Angular 9 (não verifiquei as versões anteriores) você pode encontrar a versão angular nos atributos root div e é assim que eu mostro a versão atual no componente app-root (extraia e salve no meu Global para uso em outros 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);
    ....
  }
}
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.