@angular/cli
次のコマンドを使用して、npm経由でパッケージをインストールしました。
npm install -g @angular/cli
@ angular / cliのバージョン1.4.2が正常にインストールされました。しかし、それはAngularバージョンではなく、CLIバージョンです。
実行後ng new myapp
、作成されたアプリがどのAngularバージョンかを確認するにはどうすればよいですか?2.x、4.x?
@angular/cli
次のコマンドを使用して、npm経由でパッケージをインストールしました。
npm install -g @angular/cli
@ angular / cliのバージョン1.4.2が正常にインストールされました。しかし、それはAngularバージョンではなく、CLIバージョンです。
実行後ng new myapp
、作成されたアプリがどのAngularバージョンかを確認するにはどうすればよいですか?2.x、4.x?
回答:
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: ...
ます。
ng version
デ角度バージョンを提供しない場合、あなたがプロジェクトフォルダにあります。
また、コンソールを開いて、使用しているブラウザの開発者ツールの要素タブに移動することもできます。
または
angular.versionと入力して、角度バージョンを保持するJavascriptオブジェクトにアクセスします。
コマンドプロンプトまたはVSコードのターミナルに以下のコードを記述します。(最大3つ)
- ng versionまたはng --version(参照用の画像を検索)
- NG V
- ng -v
ターミナルでは、添付の画像に示すように角度バージョンを見つけることができます:
- また、コンソールを開いて、使用しているブラウザの開発者ツールの要素タブに移動することもできます。下の画像に表示されているように:
- package.jsonファイルを探します。インストールされているすべての依存関係とそのバージョンが見つかります。
コマンドラインで、インストールされているngバージョンを確認できます。
ng -v OR ng --version OR ng version
これは次のようになります:
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 1.6.5
Node: 8.0.0
OS: linux x64
Angular:
...
Angular:
.....そこにバージョンが表示されるべきではない理由を教えてください。
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
次のようなものが表示されます。
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行目です
多くの方法があります、あなたは角度バージョンをチェックしますコマンドプロンプトを(Windows用に)ペンティングしてタイプするだけです
1. ng version
2. ng v
3. ng -v
4. You can pakage.json file
5.You can check in browser by presing F12 then goto elements tab
(xxx)に関するsubversionの完全な理解は、angularJSとangular 2+を参照してください。
ng --version
このvidioを見て、最新のAngularバージョンをインストールできます。 https://youtu.be/zqHqMAWqpD8
私の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);
....
}
}