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.x (16b4bf34)
 + @nuxt/[email protected]
 + [email protected]
 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:    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。

在本地主机上运行的 Nuxt 应用演示

有关完整文档,请参阅 Nuxt 网站