安装
使用我们的在线启动器快速开始使用 Nuxt,或在本地使用终端启动。
在线试玩
如果您只是想在浏览器中试玩 Nuxt,而不想设置项目,您可以使用我们的在线沙盒之一
或者按照以下步骤在您的计算机上设置一个新的 Nuxt 项目。
新项目
先决条件
- Node.js -
20.x
或更高版本(但我们推荐活跃的 LTS 版本) - 文本编辑器 - 没有 IDE 要求,但我们推荐Visual Studio Code并安装官方 Vue 扩展(以前称为 Volar)或WebStorm,它与其他 JetBrains IDE一样,开箱即用就能提供出色的 Nuxt 支持。
- 终端 - 用于运行 Nuxt 命令
最佳设置的附加说明
- Node.js:请务必使用偶数版本(20、22 等)
- Nuxtr:安装社区开发的Nuxtr 扩展
- WSL:如果您使用 Windows 并遇到慢速 HMR,您可能想尝试使用WSL(适用于 Linux 的 Windows 子系统)这可能会解决一些性能问题。
- 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>
或者,您可以通过打开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 项目,您可以开始构建您的应用程序了。