Installation
Démarrez rapidement Nuxt avec notre lanceur en ligne, ou démarrez depuis votre terminal local.
在线体验
如果你只想在浏览器中体验 Nuxt 而无需设置项目,可以使用我们的一些在线沙盒:
或者按照以下步骤在你的电脑上设置一个新的 Nuxt 项目。
新项目
前置条件
- Node.js -
20.x或更高版本(但我们建议使用当前的 LTS 发布) - 文本编辑器 - 不要求特定 IDE,但我们建议使用 Visual Studio Code 配合官方 Vue 扩展(之前名为 Volar),或 WebStorm。它们以及其他 JetBrains IDE 都能直接提供很棒的 Nuxt 支持。如果你使用其他编辑器(例如 Neovim),可以按照Vue Language Tools 的设置指南来配置 Vue Language Server 支持。
- 终端 - 为了运行 Nuxt 命令
为获得最佳设置的补充说明:
- Node.js:确保使用偶数版本(20、22 等)
- Neovim:配置 Vue TypeScript 插件时,请确保
location指向@vue/language-server包目录,而不是它的二进制文件。查看 Neovim 设置指南 获取可用的配置。 - WSL:如果你在 Windows 上使用并遇到较慢的 HMR,可能需要尝试使用 WSL(Windows 子系统 Linux),它可能解决一些性能问题。
- Windows 慢 DNS 解析:在 Windows 上进行本地开发时,不要使用
localhost:3000,而是使用127.0.0.1,这样浏览器加载会快得多。
打开终端(如果你使用的是 Visual Studio Code,可以打开 集成终端),使用以下命令创建一个新的启动项目:
npm create nuxt@latest <project-name> -- -t v3
yarn create nuxt <project-name> -t v3
pnpm create nuxt@latest <project-name> -t v3
# you can use this when https://github.com/oven-sh/bun/issues/29087 is resolved
# bun create nuxt@latest <project-name> -t v3
bunx create-nuxt@latest init <project-name> -t v3
deno -A npm:create-nuxt@latest <project-name> -t v3
或者,你可以打开 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 项目,就可以开始构建你的应用了。