Nuxt.jsのバージョンを確認する方法！

Nuxt.jsのバージョンを確認する方法について書いています。

Nuxt.jsのバージョンを確認する
1. プロジェクトディレクトリにインストールしたNuxt.jsのバージョン
2. グローバルにインストールしたNuxt.jsのバージョン
package.jsonを見て確認する
Nuxt.jsで使用されているVue.jsのバージョンは？

Nuxt.jsのバージョンを確認する

コマンドを使用して、バージョンを確認する方法を書いています。

プロジェクトディレクトリにインストールしたNuxt.jsのバージョン

npm listコマンドを使用して、ローカルにインストールしているNuxt.jsのバージョンを確認することが可能です。

プロジェクトのディレクトリ配下で、下記のコマンドを使用します。

$ npm list nuxt

実行すると、下記のようにnuxt@の後にバージョンが表示されます。

% npm list nuxt
app-test@1.0.0 /nuxt-v2-docker/app-test
└── nuxt@2.15.8

ここでは2.15.8です。

グローバルにインストールしたNuxt.jsのバージョン

グローバルインストールしたバージョンを調べる場合には、下記のコマンドを使用します。
-gオプションでグローバルインストールのバージョンを確認できます。

$ npm list -g nuxt

実行すると、下記のように表示されました。

npm list -g nuxt   
/usr/local/lib
└── nuxt@2.15.8

package.jsonを見て確認する

上記までは、コマンドでバージョンを確認しました。
プロジェクトで使用しているpackage.jsonを参照して確認する方法もあります。

package.jsonを開きます。

{
  "name": "app-test",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxtjs/tailwindcss": "^4.2.1",
    "postcss": "^8.4.4"
  }
}

dependenciesの箇所を確認すると、2.15.8が設定されていることが確認できます。