Nuxt.js3 コマンドでpages配下にvueファイルを作成する

• 作成日 2024.05.22
• nuxt.js

Nuxt.js3でコマンドでpages配下にvueファイルを作成する手順を記述しておきます。

目次

• 1. 環境
• 2. vueファイルを作成

環境

• OS  ubuntu23.10
• node v20.13.1
• npm 10.8.0
• Nuxt.js v3.11.2

vueファイルを作成

以下のコマンドを使用することで可能です。

npx nuxi add page ファイル名

実際に「test」というファイルを作成してみます。

npx nuxi add page test

ℹ 🪄 Generated a new page in /home/foo/test-project/pages/test.vue 

配下に作成されたことが確認できます。

ちなみに、すでにファイルが存在する場合に、「force」を使用すれば強制的に上書きすることもできます。

npx nuxi add page test --force

ℹ 🪄 Generated a new page in /home/foo/test-project/pages/test.vue 

• 前の記事
  

  google スプレッドシート 行を非表示にするショートカットキー 2024.05.22

• 次の記事
  

  Oracle Database 値をビットに変換してAND演算を行う 2024.05.23