Angular CLI バージョン確認の4つの方法 - node.js、angular、npm

2024-04-02

Angular CLIのバージョン確認方法

Angular CLIのバージョンを確認する方法はいくつかあります:

ng versionコマンドを使用する

ng version

このコマンドを実行すると、インストールされているAngular CLIのバージョンと、関連するAngularパッケージのバージョンが表示されます。

package.jsonファイルには、プロジェクトで使用されているすべてのNPMパッケージとそのバージョンが記載されています。

package.jsonファイルを開き、@angular/cliのパッケージのバージョンを確認します。

npm list --globalコマンドを使用する

npm list --global

このコマンドを実行すると、グローバルにインストールされているすべてのNPMパッケージとそのバージョンが表示されます。

yarn list --global

どの方法を使用しても、Angular CLIのバージョンを簡単に確認することができます。

補足:

Angular CLIをアップグレードするには、ng updateコマンドを使用することができます。

// package.json

{
  "name": "my-app",
  "version": "1.0.0",
  "description": "My Angular application",
  "private": true,
  "dependencies": {
    "@angular/core": "^15.0.0",
    "@angular/forms": "^15.0.0",
    "@angular/platform-browser": "^15.0.0",
    "@angular/router": "^15.0.0",
    "rxjs": "^7.5.6",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.6"
  },
  "devDependencies": {
    "@angular/cli": "^15.0.0",
    "@angular/compiler-cli": "^15.0.0",
    "@angular/language-service": "^15.0.0",
    "@types/jasmine": "^4.0.0",
    "@types/node": "^18.0.0",
    "jasmine-core": "~4.1.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.0.0",
    "karma-jasmine-html-reporter": "^1.7.0",
    "protractor": "~7.0.0",
    "ts-node": "~10.7.0",
    "typescript": "^4.7.4"
  }
}

// バージョン確認

// 方法 1: `ng version`コマンドを使用する

ng version

// 方法 2: `package.json`ファイルを確認する

cat package.json | jq '.dependencies["@angular/cli"]'

// 方法 3: `npm list --global`コマンドを使用する

npm list --global | grep -E "@angular/cli"

// 方法 4: `yarn list --global`コマンドを使用する

yarn list --global | grep -E "@angular/cli"