Angular バージョン確認方法
2024-09-10
Angular バージョンの確認方法
Angular CLI を使用する場合
以下のコマンドを実行する
ng version
このコマンドは、現在のプロジェクトで使用されている Angular と Angular CLI のバージョンを表示します。
- プロジェクトの
package.jsonファイルを開く dependenciesオブジェクト内の@angular/coreパッケージのバージョンを確認する
例えば、以下のような package.json ファイルの場合:
{
"dependencies": {
"@angular/core": "^17.0.0"
}
}
@angular/core のバージョンは 17.0.0 です。
- ローカルインストールとグローバルインストール
- どちらの場合でも、同じコマンドを使用してバージョンを確認できます。
- マイナーバージョンとパッチバージョンの確認
ng versionコマンドは、マイナーバージョンとパッチバージョンも表示します。
ng version
import { Version } from '@angular/core';
console.log(Version.full);
このコードは、Angular のバージョン情報を取得し、コンソールに出力します。
Version.major,Version.minor,Version.patch,Version.buildを使用して、個々のバージョン番号を取得することもできます。Version.fullは、Angular の完全なバージョン番号 (メジャー、マイナー、パッチ、ビルド) を取得します。
例
import { Version } from '@angular/core';
console.log('Major version:', Version.major);
console.log('Minor version:', Version.minor);
console.log('Patch version:', Version.patch);
console.log('Build version:', Version.build);
package.json ファイルの直接参照
最も基本的な方法は、プロジェクトの package.json ファイルを直接参照することです。このファイルには、プロジェクトで使用されている依存関係とそのバージョンがリストされています。
{
"dependencies": {
"@angular/core": "^17.0.0"
}
}
この例では、@angular/core パッケージのバージョンが ^17.0.0 と指定されています。
package.lock ファイルの確認
package.lock ファイルは、プロジェクトの依存関係とその正確なバージョンを記録するファイルです。このファイルは、プロジェクトの依存関係を再現するために使用されます。
{
"name": "my-angular-app",
"version": "1.0.0",
"lockfileVersion": 5,
"dependencies": {
"@angular/core": {
"version": "17.0.1",
"resolved": "https://registry.npmjs.org/@angular/core/-/@angular/core-17.0.1.tgz",
"integrity": "sha512-..."
}
}
}
npm list コマンドの使用
npm list コマンドは、プロジェクトの依存関係とそのバージョンをリストします。
npm list @angular/core
このコマンドは、@angular/core パッケージとその依存関係のバージョンを表示します。
ng config コマンドの使用
Angular CLI を使用している場合は、ng config コマンドを使用して、プロジェクトの構成情報を取得することができます。
ng config --global --get cli.packageManager
このコマンドは、グローバルに設定されているパッケージマネージャー (npm または yarn) を取得します。
angular angular-cli
