【Nuxt3環境構築】Nodeインストールから新規プロジェクト作成まで

$ node -v
v20.11.1

$ cd /Users/ユーザ名

$ mkdir nuxt3-pj

# 作成したディレクトリに移動します
$ cd nuxt3-pj

$ npx nuxi init nuxt3-apps

$ npx nuxi init nuxt3-apps
Need to install the following packages:
nuxi@3.10.1
Ok to proceed? (y)  #yを入力してEnter

❯ Which package manager would you like to use?
○ npm
○ pnpm
● yarn  #yarnを選択してEnter
○ bun

・・・
# インストールが開始されますので終わるまで待ちます
# インストールが完了すると以下のメッセージが表示されます

success Saved lockfile.
$ nuxt prepare
✔ Types generated in .nuxt
✨  Done in 34.91s.
✔ Installation completed.

# 最後にGitリポジトリを作成するか聞かれますがどちらを選択しても問題ありません
# 今回はNoを選択してEnterをします

❯ Initialize git repository?
○ Yes / ● No

# 次にやるべきステップが表示されます
✨ Nuxt project has been created with the v3 template. Next steps:
 › cd nuxt3-apps
 › Start development server with yarn run dev

$ yarn -v
1.22.21

$ npm install -g yarn

# バージョンを確認します
$ yarn -v
1.22.21

$ cd nuxt3-apps

# プロジェクトを起動します
$ yarn run dev

yarn run v1.22.21
$ nuxt dev
Nuxt 3.10.3 with Nitro 2.8.1

  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

  ➜ DevTools: press Shift + Option + D in the browser (v1.0.8)

ℹ Vite server warmed up in 788ms 
ℹ Vite client warmed up in 1041ms
✔ Nitro built in 586 ms