本章將帶你建立第一個 Nuxt 4 專案,並認識現代化的目錄結構。
1 執行指令
請在 Terminal 直接下達指令:
npm create nuxt nuxt4-learn2 結構驗收 本課重點
指令跑完後,請進入資料夾:
cd nuxt4-learn請打開檔案總管,確認你的目錄結構:
情況 A:Nuxt 4 原生結構
如果你看到 app/ 資料夾,且 app.vue 在裡面:
nuxt4-learn/ ├── app/ ← 有這個目錄 │ └── app.vue ├── nuxt.config.ts └── package.json
恭喜!這是最現代的 Nuxt 4 結構。
3 啟動專案
確認結構是情況 A之後,執行:
npm run dev確認瀏覽器能打開 http://localhost:3000