Bun

指南生態系統

使用 Nuxt 和 Bun 建構應用程式

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.2.5 (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" 指令碼)。

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:    https://127.0.0.1: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

一旦開發伺服器啟動,開啟 https://127.0.0.1:3000 以查看應用程式。此應用程式將會渲染 Nuxt 內建的 NuxtWelcome 範本元件。

若要開始開發您的應用程式,請將 app.vue 中的 <NuxtWelcome /> 替換成您自己的 UI。

在 localhost 上執行的 Nuxt 應用程式範例

請參閱 Nuxt 網站以取得完整文件。