安装
通过我们的在线启动项目快速开启 Nuxt 之旅,或者使用终端在本地启动。
在线体验
如果您只想在浏览器中体验 Nuxt 而无需配置项目,可以使用我们的在线沙盒:
或者按照以下步骤在您的计算机上设置一个新的 Nuxt 项目。
新项目
前置要求
- Node.js -
20.x或更新版本(但我们推荐使用当前 LTS 版本) - 文本编辑器 - 没有强制的 IDE 要求,但我们推荐Visual Studio Code配合官方 Vue 扩展(以前称为 Volar)使用,或者使用WebStorm,它以及其他 JetBrains IDE开箱即用,提供极佳的 Nuxt 支持。如果您使用其他编辑器(如 Neovim),可以按照以下指南配置Vue 语言服务器支持:Vue 语言工具设置指南.
- 终端 - 用于运行 Nuxt 命令
优化设置的额外说明
- Node.js:请确保使用偶数版本(20、22 等)
- Neovim:配置 Vue TypeScript 插件时,请确保
location指向@vue/language-server包目录,而不是其二进制文件。请参阅Neovim 设置指南以获取可用的配置。 - 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 <project-name>
pnpm create nuxt@latest <project-name>
bun create nuxt@latest <project-name>
deno -A npm:create-nuxt@latest <project-name>
此外,您可以通过访问以下网址查找其他启动项目或主题:nuxt.new并按照那里的说明进行操作。
在 Visual Studio Code 中打开您的项目文件夹
终端
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
干得好!浏览器窗口应该会自动打开https://:3000.
后续步骤
现在您已经创建了 Nuxt 项目,可以开始构建您的应用程序了。