安装
通过我们的在线启动器快速开始使用 Nuxt 或在本地通过终端启动一个新项目。
在线体验
如果您只想在浏览器中尝试 Nuxt,而不设置项目,可以使用我们的在线沙盒之一:
或者按照下面的步骤在您的计算机上设置一个新的 Nuxt 项目。
新项目
前提条件
- Node.js -
18.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),这可能会解决一些性能问题。
打开一个终端(如果您使用 Visual Studio Code,可以打开一个 集成终端),并使用以下命令创建一个新的启动项目:
npm create nuxt <项目名称>
yarn create nuxt <项目名称>
pnpm create nuxt <项目名称>
bun create nuxt <项目名称>
另外,您可以通过访问 nuxt.new 找到其他启动器或主题,并按照那里的说明进行操作。
在 Visual Studio Code 中打开您的项目文件夹:
终端
code <项目名称>
或者从终端切换到您的新项目目录:
cd <项目名称>
开发服务器
现在您可以在开发模式下启动您的 Nuxt 应用程序:
npm run dev -- -o
yarn dev --open
pnpm dev -o
bun run dev -o
# 在开发过程中使用 Bun 运行时
# bun --bun run dev -o
干得好!浏览器窗口应该会自动打开 http://localhost:3000。
下一步
现在您已经创建了 Nuxt 项目,准备开始构建您的应用程序。