← 全部工具

Nuxt 頁面產生器:Nuxt 2/3、Layout 與資料狀態

建立 Nuxt 2 或 Nuxt 3 Vue 頁面,設定 layout/middleware、head metadata,並可加入 Nuxt 3 資料取得及本機範例 API。

nuxt-page-generator本機處理

正在啟用本機工具…

產生設定

修改設定會清除舊結果。輸入僅留本頁記憶體,不傳送、儲存或寫入網址;輸出只顯示文字,不執行。

需既有 Nuxt 2/3 專案與指定的 layout/middleware。Nuxt 3 的資料模式附本機範例 server/api/example.get.ts,請檢查避免覆蓋既有檔;Nuxt 2 不使用 Nuxt 3 fetch composables。

來源欄位核對日期:2026-10-18。UD5

預覽與完整輸出

設定欄位後產生,或先載入範例。

如何使用這個工具

輸入頁面名稱、選擇版本、layout、middleware 及 metadata。Nuxt 3 可使用 useFetch/useAsyncData,包含等待/失敗狀態與範例 API 檔。

不適合用在什麼情況

需既有 Nuxt 專案;指定的 layout 及 middleware 必須存在。Nuxt 2 為舊版範本,不可使用 Nuxt 3 資料取得選項;此處不執行產生的程式碼。