comment trouver ma version angulaire dans mon projet?

92

J'ai configuré le code angulaire sur ma machine locale. J'ai besoin de connaître la version de l'angulaire que j'utilise dans le projet. comment puis-je le trouver facilement dans l'invite cmd?

javascript angular Vignesh Kasthurisamy
la source
13
Je ne sais pas pourquoi cela est rejeté non plus. C'est une question très raisonnable.
DeborahK
@Vignesh. Merci d'avoir posé cette question.
Tanzeel

Réponses:

56

Il existe plusieurs façons de procéder:

  1. Allez dans le champ node_modules/@angular/core/package.jsonet vérifiez version.

  2. Si vous avez besoin de l'utiliser dans votre code, vous pouvez l'importer depuis @angular/core:

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

  3. Inspectez le DOM rendu - Angular ajoute la version à l'élément de composant principal:

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

Max Koretskyi
la source
voici un exemple d'utilisation de la méthode 2 ci-dessus (par programme)
Hamzeen Hameem
54

essayez cette commande:

ng --version

Il imprime les versions Angular, Angular CLI, Node, Typescript, etc.

Mohamed Ali RACHID
la source
2
Vous pouvez essayer la version courte:ng -v
Barna Tekse
1
ng --version, ng vfonctionnent mais ng -vne fonctionnent pas.
Vaibhav
ng -v, ng v et ng --version fonctionnent correctement dans mon système. Ma version est 7.1.0
Rao
La question était de savoir comment trouver la version "du projet". ng -v n'indiquera pas la version réelle utilisée par le projet, uniquement les versions de cli installées sur le système. Par exemple, ma commande ng -v montre que la version angular cli 9.1.2 est installée, mais dans mon cas, le projet utilisait en fait la version angular core 5.2.5. La meilleure façon de trouver la version "projet" est de se référer au post de Max Koretskyi ci-dessus. Connaître la version cli est utile, mais il est plus probable que vous deviez trouver la version de base angular lib à la place, en particulier pour déterminer la compatibilité de la bibliothèque. et les options de mise à niveau.
Joshua Sprague
25

Pour Angular 1 ou 2 (mais pas pour Angular 4+):

Vous pouvez également ouvrir la console et accéder à l'onglet Élément sur les outils de développement du navigateur que vous utilisez.

Ou

Tapez angular.version pour accéder à l'objet Javascript contenant la version angulaire.

Pour Angular 4+, il existe le nombre de façons énumérées ci-dessous:

Écrivez le code ci-dessous dans l'invite de commande / ou dans le terminal dans le code VS.

  1. ng version ou ng --version (voir la pièce jointe pour la référence.)
  2. ng v
  3. ng -v

Dans le terminal, vous pouvez trouver la version angulaire comme indiqué dans l'image ci-jointe: entrez la description de l'image ici

  1. Vous pouvez également ouvrir la console et accéder à l'onglet Élément sur les outils de développement du navigateur que vous utilisez. Comme affiché dans l'image ci-dessous:

entrez la description de l'image ici

5.Trouvez le fichier package.json, vous trouverez tous les packages installés et leur version.

Trilok Pathak
la source
1, 2 et 3 spectacles: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
tous les
@alete Vous utilisez la version Angular 6, c'est la résolution.
Trilok Pathak
@alete Ou faites-moi savoir quelle commande vous exécutez et quelle sortie vous obtenez en détail.
Trilok Pathak
1
Je vais le mentionner car il m'a surpris: la version ng regarde dans node_modules. Donc, si vous extrayez une autre branche, la version ng signale toujours la version précédente de la branche jusqu'à ce que vous exécutiez une mise à jour de fil ou de npm.
MortimerCat
1
la dernière option pour enregistrer la balise html ng-version est la meilleure option
Mahesh Malpani
17

définir la variable VERSION et y importer la version.

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

Vous pouvez maintenant utiliser la variable VERSION dans votre code pour imprimer la version Par exemple,

console.log(VERSION.full);
Virendra Jadeja
la source
1
Merci. C'était si simple. Cela doit être marqué comme réponse
Ziggler
réponse la plus simple.
Amit Joshi
10

Pour Angular 2+, vous pouvez exécuter ceci dans la console:

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

Pour AngularJS 1.x:

angular.version.full
Nateowami
la source
Cela ne fonctionne que si vous disposez d'un code compilé.
Cameron Hudson
3

  1. Navigateur> Inspecter> Elément>

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

  2. Dans le terminal

    :> ng version
    :> ng --version
    :> ng -v

RM Shahidul Islam Shahed
la source
La méthode 1 n'est disponible que si le code compilé est disponible. La méthode 2 donne uniquement la version de la CLI angulaire que vous avez globalement installée, et non la version d'angular dans laquelle le projet a été écrit.
Cameron Hudson
3

Si vous essayez de vérifier la version angulaire dans le navigateur, pour moi seul cela a fonctionné Ctrl+ Shift+ iet collez la commande ci-dessous dans la console:

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

ex:

entrez la description de l'image ici entrez la description de l'image ici

Eduard Florinescu
la source
0

ng --versionLa commande affichera uniquement la version angulaire installée sur votre ordinateur au lieu de la version réelle du projet .

si vous voulez vraiment connaître la version du projet , accédez à votre projet, utilisez la commande ci-dessous

npm list -local

entrez la description de l'image ici

Shakthifuture
la source
0

Vous pouvez également trouver les détails de la version des dépendances dans le fichier package.json comme suit:

entrez la description de l'image ici

Imran Javed
la source
-1

vous pouvez utiliser ng --version pour la version angulaire 7

minitechi
la source