como encontrar minha versão angular no meu projeto?

95

Eu configurei o código angular na minha máquina local. Preciso saber a versão do angular que estou usando no projeto. como posso encontrá-lo facilmente no prompt do cmd?

Vignesh Kasthurisamy
fonte
13
Não sei por que isso também foi rejeitado. Esta é uma pergunta muito razoável.
DeborahK de
@Vignesh. Obrigado por fazer esta pergunta.
Tanzeel

Respostas:

63

Existem várias maneiras de fazer isso:

  1. Entre node_modules/@angular/core/package.jsone verifique o versioncampo.
  2. Se precisar usá-lo em seu código, você pode importá-lo de @angular/core:

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

  3. Inspecione o DOM renderizado - Angular adiciona a versão ao elemento principal do componente:

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

Max Koretskyi
fonte
aqui está um exemplo de como usar o método 2 acima (programaticamente)
Hamzeen Hameem
55

tente este comando:

ng --version

Ele imprime versões Angular, Angular CLI, Node, Typescript etc.

Mohamed Ali RACHID
fonte
2
Você pode tentar a versão curta:ng -v
Barna Tekse
2
ng --version, ng vestão funcionando, mas ng -vnão estão funcionando.
Vaibhav
ng -v, ng v e ng --version estão funcionando bem em meu sistema. Minha versão é 7.1.0
Rao
A questão era como encontrar a versão do "projeto". ng -v não indicará a versão real que está sendo usada pelo projeto, apenas quais versões cli estão instaladas no sistema. Por exemplo, meu comando ng -v mostra que tenho o angular cli versão 9.1.2 instalado, no entanto, no meu caso, o projeto estava realmente usando o angular core versão 5.2.5. A melhor maneira de encontrar a versão do "projeto" é consultar a postagem de Max Koretskyi acima. Saber a versão cli é útil, mas é mais provável que você precise encontrar a versão do lib angular central, especialmente ao descobrir a compatibilidade da biblioteca. e opções de atualização.
Joshua Sprague
25

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.

  1. ng version ou ng --version (Veja o anexo para a 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

5. Encontre o arquivo package.json. Você encontrará todos os pacotes instalados e suas versões.

  1. declare a variável nomeada como 'VERSION', importe as dependências.
import { VERSION } from '@angular/core';

// Para exibir a versão no console.

console.log(VERSION.full); 
Trilok Pathak
fonte
1, 2 e 3 mostra: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete
@alete Você está usando a versão Angular 6. Essa é a resolução.
Trilok Pathak de
@alete Ou deixe-me saber qual comando você está executando e qual saída está obtendo em detalhes.
Trilok Pathak
1
Vou mencionar isso porque me pegou: ng version parece em node_modules. Portanto, se você verificar um branch diferente, o ng version ainda relata a versão do branch anterior até que você execute uma atualização do yarn ou npm.
MortimerCat
1
última opção para verificar a tag html ng-version é a melhor opção
Mahesh Malpani
17

defina a variável VERSION e importe a versão para ela.

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

Agora você pode usar a variável VERSION em seu código para imprimir a versão. Por exemplo,

console.log(VERSION.full); 
Virendra Jadeja
fonte
1
Obrigado. Isso era tão simples. Deve ser marcado como resposta
Ziggler
resposta mais simples.
Amit Joshi
10

Para Angular 2+, você pode executar isso no console:

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

Para AngularJS 1.x:

angular.version.full
Nateowami
fonte
Isso só funciona se você compilou o código disponível para você.
Cameron Hudson
3
  1. Navegador> Inspecionar> Elemento>

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

  2. No terminal

    :> versão do ng
    :> ng --version
    :> ng -v

RM Shahidul Islam Shahed
fonte
O Método 1 só estará disponível se o código compilado estiver disponível para você. O método 2 fornece apenas a versão do angular CLI que você instalou globalmente, não a versão do angular na qual o projeto foi escrito.
Cameron Hudson
3

Se você tentar verificar a versão angular no navegador, para mim só funcionou Ctrl+ Shift+ ie cole o comando abaixo no console:

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

ex:

insira a descrição da imagem aqui insira a descrição da imagem aqui

Eduard Florinescu
fonte
1

ng --versiono comando irá mostrar apenas a versão angular instalada no seu computador em vez da versão real do projeto .

se você realmente deseja saber a versão do projeto , vá para o seu projeto, use o comando abaixo

npm list -local

insira a descrição da imagem aqui

Shakthifuture
fonte
1

Você também pode encontrar detalhes de versão de dependências no arquivo package.json da seguinte forma:

insira a descrição da imagem aqui

Imran Javed
fonte
-1

você pode usar ng --version para angular versão 7

minitechi
fonte