プロジェクトでAngularバージョンを見つける方法は?


92

ローカルマシンで角度コードを設定しました。プロジェクトで使用しているアングルのバージョンを知る必要があります。cmdプロンプトで簡単に見つけるにはどうすればよいですか?


13
なぜこれが反対票を投じられたのかわからない。これは非常に合理的な質問です。
deborahK 2017年

@Vignesh。この質問をしてくれてありがとう。
タンジール

回答:


56

それを行うにはいくつかの方法があります。

  1. フィールドに移動しnode_modules/@angular/core/package.jsonてチェックしversionます。
  2. コードで使用する必要がある場合は、@angular/core:からインポートできます。

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

  3. レンダリングされたDOMを検査します-Angularはバージョンをメインコンポーネント要素に追加します:

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


ここで(プログラム)上記の方法2を使用して、上の例である
Hamzeen Hameem

54

このコマンドを試してください:

ng --version

Angular、Angular CLI、Node、Typescriptバージョンなどを出力します。


2
短いバージョンを試すことができます:ng -v
Barna Tekse 2018年

1
ng --versionng v動作していますng -vが、動作していません。
バイバブ

ng -v、ngvおよびng--versionは、私のシステムでは正常に機能しています。私のバージョンは7.1.0です
ラオ

問題は、「プロジェクト」のバージョンを見つける方法でした。ng -vは、プロジェクトで使用されている実際のバージョンを示すものではなく、システムにインストールされているCLIバージョンのみを示します。たとえば、私のng -vコマンドは、Angular cliバージョン9.1.2がインストールされていることを示していますが、私の場合、プロジェクトは実際にはAngularCoreバージョン5.2.5を使用していました。「プロジェクト」バージョンを見つけるためのより良い方法は、上記のMaxKoretskyiの投稿を参照することです。cliバージョンを知っていると便利ですが、特にライブラリ互換を計算する場合は、代わりにコアのAngularlibバージョンを見つける必要がある可能性が高くなります。およびアップグレードオプション。
Joshua Sprague

25

Angular 1または2の場合(Angular 4+の場合は除く):

コンソールを開いて、使用しているブラウザの開発者ツールの[要素]タブに移動することもできます。

または

角度バージョンを保持するJavascriptオブジェクトにアクセスするには、angular.versionと入力します。

Angular 4+の場合以下にリストされている方法がいくつかあります:

コマンドプロンプトまたはVSCodeのターミナルに以下のコードを記述します。

  1. ngversionまたはng--version(参照については添付ファイルを参照してください。)
  2. ng v
  3. ng -v

ターミナルでは、添付の画像に示すように角度バージョンを見つけることができます: ここに画像の説明を入力してください

  1. コンソールを開いて、使用しているブラウザの開発者ツールの[要素]タブに移動することもできます。下の画像に表示されているように:

ここに画像の説明を入力してください

5.package.jsonファイルを見つけます。インストールされているすべてのパッケージとそのバージョンが見つかります。


1、2及び3に示す: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete

@alete Angular6バージョンを使用しています。それが解決策です。
TrilokPathak19年

@aleteまたは、実行しているコマンドと取得している出力の詳細を教えてください。
TrilokPathak19年

1
私が気付いたので、これについて言及します:ngバージョンはnode_modulesを調べます。したがって、別のブランチをチェックアウトした場合でも、yarnまたはnpmの更新を実行するまで、ngバージョンは以前のブランチバージョンを報告します。
MortimerCat

1
html ng-versionタグをチェックインする最後のオプションが最良のオプションです
MaheshMalpani19年

17

VERSION変数を定義し、それにバージョンをインポートします。

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

これで、コードでVERSION変数を使用して、バージョンを出力できます。たとえば、

console.log(VERSION.full); 

1
ありがとう。これはとても簡単でした。これは答えとしてマークする必要があります
Ziggler 2018

最も簡単な答え。
AmitJoshi19年

10

Angular 2+の場合、コンソールでこれを実行できます。

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

AngularJS 1.xの場合:

angular.version.full

これは、利用可能なコードをコンパイルした場合にのみ機能します。
キャメロンハドソン

3
  1. ブラウザ>検査>要素>

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

  2. ターミナルで

    :> ngバージョン
    :> ng --version
    :> ng -v


方法1は、コンパイルされたコードが利用できる場合にのみ利用できます。方法2は、グローバルにインストールしたAngular CLIのバージョンのみを提供し、プロジェクトが作成されたAngularのバージョンは提供しません。
キャメロンハドソン

3

あなたは私のために、ブラウザで角度のバージョンを確認しようとした場合にのみ、これは働いていたCtrl+ Shift+iとコンソールにコマンドの下に貼り付けます。

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

例:

ここに画像の説明を入力してください ここに画像の説明を入力してください


0

ng --versionコマンドは、実際のプロジェクトバージョンではなく、コンピューターにインストールされているAngularバージョンのみを表示します。

プロジェクトのバージョンを本当に知りたい場合は、プロジェクトに移動し、以下のコマンドを使用してください

npm list -local

ここに画像の説明を入力してください



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.