Bun 支持開箱即用 Nuxt。使用官方 nuxi CLI 初始化一個 Nuxt 應用。

bunx nuxi init my-nuxt-app

✔ Which package manager would you like to use?
bun
◐ Installing dependencies...
bun install v1.3.3 (16b4bf34)
 + @nuxt/devtools@0.8.2
 + nuxt@3.7.0
 785 packages installed [2.67s]
✔ Installation completed.
✔ Types generated in .nuxt
✨ Nuxt project has been created with the v3 template. Next steps:
 › cd my-nuxt-app
 › Start development server with bun run dev

---

要啟動開發服務器，從項目根目錄運行 bun --bun run dev。這將執行 nuxt dev 命令（如 package.json 中的 "dev" 腳本所定義）。

NOTE

`nuxt` CLI 默認使用 Node.js；傳遞 `--bun` 標志會強制開發服務器使用 Bun 運行時。

cd my-nuxt-app
bun --bun run dev

nuxt dev
Nuxi 3.6.5
Nuxt 3.6.5 with Nitro 2.5.2
  > Local:    http://localhost:3000/
  > Network:  http://192.168.0.21:3000/
  > Network:  http://[fd8a:d31d:481c:4883:1c64:3d90:9f83:d8a2]:3000/

✔ Nuxt DevTools is enabled v0.8.0 (experimental)
ℹ Vite client warmed up in 547ms
✔ Nitro built in 244 ms

---

開發服務器啟動後，打開 http://localhost:3000 查看應用。應用將渲染 Nuxt 內置的 NuxtWelcome 模板組件。

要開始開發你的應用，將 app.vue 中的 <NuxtWelcome /> 替換為你自己的 UI。

---

對於生產構建，雖然默認預設已經與 Bun 兼容，但你也可以使用 Bun 預設 生成更優化的構建。

export default defineNuxtConfig({
  nitro: {
    preset: "bun", 
  },
});

或者，你可以通過環境變量設置預設：

NITRO_PRESET=bun bun run build

NOTE

某些包提供 Bun 特定的導出，Nitro 使用默認預設將無法正確打包這些導出。在這種 情況下，你需要使用 Bun 預設，以便這些包在生產構建中正常工作。

使用 bun 構建後，運行：

bun run ./.output/server/index.mjs

---

請參閱 Nuxt 網站 獲取完整文檔。