安装

使用我们的在线启动器快速开始使用 Nuxt，或在本地使用您的终端开始。

在线试用

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

在 StackBlitz 中打开

在 CodeSandbox 中打开

或者按照以下步骤在您的计算机上设置一个新的 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，您可以打开一个集成终端）并使用以下命令创建一个新的 starter 项目

npm create nuxt@latest <project-name>
或者，您可以通过打开nuxt.new并按照那里的说明查找其他启动器或主题。

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

终端
code <project-name>

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

cd <project-name>

开发服务器

现在您将能够在开发模式下启动您的 Nuxt 应用程序

npm run dev -- -o
干得好！浏览器窗口应自动打开https://:3000.

下一步

现在您已经创建了 Nuxt 项目，您可以开始构建您的应用程序了。

在Nuxt 概念中阅读更多内容。