【初心者向け】【画像付き】Nuxt.jsにsrcフォルダを作成するには

1. Nuxt.jsプロジェクトの作成

npx nuxi@latest init hogehoge

(npmの場合)

2. プロジェクトに移動してnpmインストール

cd hogehoge
npm run dev

!

3. ローカルサーバーを立ち上げる

http://localhost:3000/

URL上にマウスカーソルをあてて、commandを押しながらクリックで立ち上げる
下記の表示になればOK!!

4. VSCodeでプロジェクトを開く

この時点のディレクトリ構成はこんな感じ

5. srcディレクトリを作成

publicディレクトリ,serverディレクトリ,app.vueをsrcディレクトリ配下に移動

6. 以下をnuxt.config.jsに記述

export default defineNuxtConfig({
  devtools: { enabled: true },
  srcDir: 'src/' // 追記したところ
})

npm run devでローカルサーバーを立ち上げた際に、
エラーを吐かずにwelcomeページが出ればOK!!

参考