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
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

56

Il existe plusieurs façons de procéder:

Allez dans le champ node_modules/@angular/core/package.jsonet vérifiez version.
Si vous avez besoin de l'utiliser dans votre code, vous pouvez l'importer depuis @angular/core:

import { VERSION } from '@angular/core';
Inspectez le DOM rendu - Angular ajoute la version à l'élément de composant principal:

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

— Max Koretskyi
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
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.

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

ng v

ng -v

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

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:

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

— Trilok Pathak
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
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
source

Cela ne fonctionne que si vous disposez d'un code compilé.

— Cameron Hudson

3

Navigateur> Inspecter> Elément>

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

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

— RM Shahidul Islam Shahed
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:

— Eduard Florinescu
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

— Shakthifuture
source

0

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

— Imran Javed
source

-1

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

— minitechi
source