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?

javascript angular

— 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

63

Existem várias maneiras de fazer isso:

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

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

ng version ou ng --version (Veja o anexo para a referência.)

ng v

ng -v

No terminal você pode encontrar a versão angular conforme mostrado na imagem em anexo:

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:

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

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

Navegador> Inspecionar> Elemento>

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

— 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

— Shakthifuture
fonte

1

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

— Imran Javed
fonte

-1

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

— minitechi
fonte