安装

通过我们的在线入门模板快速开始使用 Nuxt，或在本地终端上启动项目。

在线试玩

如果您只是想在浏览器中试玩 Nuxt 而不想搭建项目，可以使用我们的在线沙盒：

在 StackBlitz 上打开

在 CodeSandbox 上打开

或按照下面的步骤在您的计算机上设置一个新的 Nuxt 项目。

Node.js - 20.x 或更高（但我们推荐使用当前的长期支持 (LTS) 版本）
文本编辑器 - 没有特定的 IDE 要求，但我们推荐 Visual Studio Code，并配合使用官方的 Vue 扩展（此前称为 Volar）或 WebStorm，这些编辑器以及其他 JetBrains IDE 都能开箱即用地提供优秀的 Nuxt 支持。
终端 - 用于运行 Nuxt 命令

优化设置的附加说明：

Node.js：请确保使用偶数版本（18、20 等）
Nuxtr：安装社区开发的 Nuxtr 扩展
WSL：如果您使用 Windows 并遇到 HMR 慢的问题，您可以尝试使用 WSL (Windows Subsystem for Linux)，这可能解决一些性能问题。
Windows DNS 解析缓慢 - 在 Windows 上本地开发服务器不要使用 localhost:3000，请使用 127.0.0.1，可以在浏览器中获得更快的加载体验。

打开一个终端（如果您使用 Visual Studio Code，可以打开集成终端）并使用以下命令来创建一个新的入门项目：

npm create nuxt@latest <project-name>

yarn create nuxt@latest <project-name>

pnpm create nuxt@latest <project-name>

bun create nuxt@latest <project-name>

deno -A npm:create-nuxt@latest <project-name>

Alternatively, you can find other starters or themes by opening nuxt.new and following the instructions there.

在 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

# To use the Bun runtime during development
# bun --bun run dev -o

deno run dev -o

做得好！浏览器窗口应该会自动为 http://localhost:3000 打开。

既然您已经创建了 Nuxt 项目，就可以开始构建您的应用了。