安装
使用我们的在线启动器快速开始 Nuxt,或在本地终端上开始。
在线体验
如果你只想在浏览器中体验 Nuxt 而无需设置项目,可以使用我们的一些在线沙盒:
或者按照以下步骤在你的电脑上设置一个新的 Nuxt 项目。
新项目
前置条件
- Node.js -
20.x
或更高版本(但我们推荐使用活跃的 LTS 版本) - 文本编辑器 - 没有特定的 IDE 要求,但我们推荐使用带有官方 Vue 扩展(之前称为 Volar)的Visual Studio Code,或者使用WebStorm,该软件和其他 JetBrains IDE开箱即用地提供了很好的 Nuxt 支持。
- 终端 - 用于执行 Nuxt 命令
最佳设置的附加说明:
- Node.js: 确保使用偶数版本(18、20 等)
- Nuxtr: 安装社区开发的 Nuxtr 扩展
- WSL: 如果你在 Windows 上使用并遇到热模块替换(HMR)缓慢,可以尝试使用 WSL(Windows 子系统 Linux),这可能解决部分性能问题。
打开终端(如果你使用的是 Visual Studio Code,可以打开 集成终端),使用以下命令创建一个新的启动项目:
npm create nuxt <project-name>
yarn create nuxt <project-name>
pnpm create nuxt <project-name>
bun create nuxt <project-name>
deno -A npm:create-nuxt@latest <project-name>
或者,你可以打开 nuxt.new 并按照那里的指示,寻找其他启动器或主题。
在 Visual Studio Code 中打开你的项目文件夹:
Terminal
code <project-name>
或者从终端切换到你的新项目目录:
cd <project-name>
开发服务器
现在你可以启动 Nuxt 应用的开发模式:
npm run dev -- -o
yarn dev --open
pnpm dev -o
bun run dev -o
# 在开发过程中使用 Bun 运行时
# bun --bun run dev -o
deno run dev -o
干得好!浏览器窗口应该会自动打开并访问 http://localhost:3000。
下一步
既然你已经创建了 Nuxt 项目,就可以开始构建你的应用了。