Angularのバージョンを確認する方法は?


124

@angular/cli次のコマンドを使用して、npm経由でパッケージをインストールしました。

npm install -g @angular/cli

@ angular / cliのバージョン1.4.2が正常にインストールされました。しかし、それはAngularバージョンではなく、CLIバージョンです。

実行後ng new myapp、作成されたアプリがどのAngularバージョンかを確認するにはどうすればよいですか?2.x、4.x?

回答:


192
ng version

angular cliをグローバルにインストールしました(コマンドの-g)。これはng version、コマンドプロンプトに入力できることを意味します。あなたのコマンドプロンプトがあるときにこれを行うことがより正確かもしれない NPM制御ディレクトリ内(あなたがすべきディレクトリの中にあなたが入力したでこれを入力しますng new myapp)。

Googleからここに来た人へのメモ: ng version現在のディレクトリによって参照されているAngularの(粗い)バージョンを通知します。たとえば、このディレクトリには、angular 4.x(〜4.3.0)がインストールされているようです。

@angular/cli: 1.2.1
node: 8.11.1
os: win32 x64
@angular/common: 4.3.0
@angular/compiler: 4.3.0
@angular/core: 4.3.0
@angular/forms: 4.3.0
@angular/http: 4.3.0
@angular/platform-browser: 4.3.0
@angular/platform-browser-dynamic: 4.3.0
@angular/router: 4.3.0
@angular/cli: 1.2.1
@angular/compiler-cli: 4.3.0

packages.configがあるディレクトリ内にいない場合は、を取得しAngular: ...ます。


4
ngバージョンは角度バージョンを提供しません。角度バージョンを知るには、package.jsonを確認する必要があります
Suresh Kamrushi

@SureshKamrushi私はこれに次ぐことができます、それはバージョン以外のすべて表示しました
Kolob Canyon

4
ng versionデ角度バージョンを提供しない場合、あなたがプロジェクトフォルダにあります。
Vinicius Brasil

プロジェクトフォルダーにいる場合、ng versionは、プロジェクトが使用しているAngularのバージョンと、Angular cliバージョン、ノードバージョン、TypeScriptバージョン、webpackバージョン、rxjsバージョンなどの他の情報を提供します
ssmsnet

36

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

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

または

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

Angular 4+の場合以下のようにいくつかの方法があります。

コマンドプロンプトまたはVSコードのターミナルに以下のコードを記述します。(最大3つ)

  1. ng versionまたはng --version(参照用の画像を検索)
  2. NG V
  3. ng -v

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

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

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

  1. package.jsonファイルを探します。インストールされているすべての依存関係とそのバージョンが見つかります。

13

プロジェクトのpackage.jsonファイルを確認する必要があります。インストールされているすべてのパッケージとそれらのパッケージのバージョンが表示されます。


11

コマンドラインで、インストールされているngバージョンを確認できます。

ng -v OR ng --version OR ng version

これは次のようになります:

 _                      _                 ____ _     ___

   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/

Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular: 
...

1
@viki、この角度5は、角度4、3、5を識別する方法を教えていただけますか
Vinoth

1
@vinod。角度CLI:> 1.3がAnguarとして考慮され、この下に5アンギュラ4です
Vik2696

6
Angular: .....そこにバージョンが表示されるべきではない理由を教えてください。
Kolob Canyon

1
2020年です&Angular 9が登場しました!そして、私はまだ自分の... Angularバージョンとして。なぜそのように見えるのですか?
Prateek Kumar Dalbehera


2

D.スクワイアの答えは正確だったと思いますが、おそらく少し曖昧なだけかもしれません。ディレクトリをプロジェクトに変更してから「ng --version」と入力すると、プロジェクトの角度バージョンが表示されます。(プロジェクト内ではなく)デフォルトディレクトリから実行した場合、Angular CLIバージョンのみが取得されます。これはおそらく探しているバージョンではなく、Vik2696が示す出力を提供します。

$ cd my-project
$ ng --version   // done within project directory

Angular CLI: 1.6.8
Node: 8.9.4
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

2

Angular CLI ng vは、バージョンだけよりも多くの出力を行います。

そこからのバージョンのみが必要な場合は、パイプのgrepを追加し、次のような角度のフィルターをかけることができます。

ng v | grep 'Angular:'

出力:

Angular: #.#.# <-- VERSION

これのために、私はエイリアスがあります

alias ngv='ng v | grep 'Angular:''

次に、ngvを使用します


2

ngバージョンを実行する

次に、angular coreパッケージのバージョンを確認します。

@angular/cli: 1.2.6
node: 8.11.1
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
**@angular/core: 4.3.2**
@angular/forms: 4.3.2


1
  1. NG V
  2. ng --v

次のようなものが表示されます。

Angular CLI: 7.3.8
Node: 10.15.1
OS: win32 x64
Angular: 5.2.10
... animations, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router

Angularバージョンは上記の4行目です


1

多くの方法があります、あなたは角度バージョンをチェックしますコマンドプロンプトを(Windows用に)ペンティングしてタイプするだけです

1. ng version
2. ng v
3. ng -v

コマンドラインを使用して角度バージョンを確認してください

4. You can pakage.json file

pakage.jsonファイルで角度バージョンを確認してください

5.You can check in browser by presing F12 then goto elements tab

ブラウザで角度バージョンを確認してください

(xxx)に関するsubversionの完全な理解は、angularJSangular 2+を参照してください。


0

角度7以降では、次の2つのコマンドが機能しています

ng --version 
ng version

0

まず、Angular / cliをグローバルにマシンにインストールします。angular / cliをインストールするには、コマンドを実行します npm install -g @ angular / cliを実行します

Angular7の上に、これらの2つのコマンドを使用しますここに画像の説明を入力してください/ CLI 1.角度のバージョンを知ることがNG --version、 2 ngのバージョン



0

ng --versionコマンドは、インストールされているAngular CLIのバージョンの詳細を返します



-1

私の2セント、Angular 9では(古いバージョンをチェックしていませんでした)ルートdiv属性で角度バージョンを見つけることができます。これは、app-rootコンポーネントで現在のバージョンを表示する方法です(他のコンポーネントで使用するために抽出してグローバルに保存します) :

import { Component, ElementRef } from "@angular/core";
....
@Component({
  selector: 'app-root',
  templateUrl: `<div>
    <h1>TestApp: .NetCore3.1 + PostgreSql 12 + Angular {{ngVersion}}</h1>
</div>
....
 `
})
export class AppComponent {
  ngVersion: string;
  constructor(private router: Router, private el: ElementRef) {
    ....    
    //read ng-verion and save it in Global's
    Global.ngVersion = this.el.nativeElement.getAttribute("ng-version");
    this.ngVersion = Global.ngVersion.substring(0, 1);
    ....
  }
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.