NuxtJS4のプロジェクトを作成しHello Worldを行う

ファイル配置ベースのルーティンを行ってくれたりコンポーネントの自動インポートをおこなってくれたりするすぐれもののNuxtJS。

今回はプロジェクトの初期化とレンダリングまでを解説。

node: v22.17.1

npm: v10.9.2

サンプルコード

プロジェクト作成

app.vue修正

app/app.vueを修正します

pages/index.vue追加

app/pages/index.vue追加

サーバ起動