安装

通过我们的在线启动模板快速开始使用 Nuxt,或在本地使用终端启动。

在线体验

如果你只想在浏览器中尝试 Nuxt 而无需设置项目,可以使用我们的在线沙盒之一:

在 StackBlitz 上打开

在 CodeSandbox 上打开

或者按照以下步骤在你的电脑上设置一个新的 Nuxt 项目。

新建项目

前置条件

优化设置的额外说明:
  • Node.js:确保使用偶数版本(18、20 等)。
  • Nuxtr:安装社区开发的 Nuxtr 扩展
  • WSL:如果你使用 Windows 且遇到 HMR 速度慢的问题,可以尝试使用 WSL(Windows 子系统 Linux),这可能会解决一些性能问题。

打开终端(如果你使用 Visual Studio Code,可以打开集成终端),然后使用以下命令创建一个新的启动项目:

npm create nuxt <project-name>
或者,你可以通过打开 nuxt.new 并按照那里的说明找到其他启动模板或主题。

在 Visual Studio Code 中打开你的项目文件夹:

Terminal
code <project-name>

或者在终端中切换到你的新项目目录:

cd <project-name>

开发服务器

现在你可以在开发模式下启动 Nuxt 应用:

npm run dev -- -o
干得不错!浏览器窗口应该会自动打开 http://localhost:3000

下一步

现在你已经创建了 Nuxt 项目,可以开始构建你的应用了。

阅读更多 Nuxt 概念.