Installation

Démarrez rapidement Nuxt avec notre lanceur en ligne, ou démarrez depuis votre terminal local.

在线体验

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

在 StackBlitz 上打开

在 CodeSandbox 上打开

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

新项目

前置条件

为获得最佳设置的补充说明:
  • Node.js:确保使用偶数版本(20、22 等)
  • Neovim:配置 Vue TypeScript 插件时,请确保 location 指向 @vue/language-server 包目录,而不是它的二进制文件。查看 Neovim 设置指南 获取可用的配置。
  • WSL:如果你在 Windows 上使用并遇到较慢的 HMR,可能需要尝试使用 WSL(Windows 子系统 Linux),它可能解决一些性能问题。
  • Windows 慢 DNS 解析:在 Windows 上进行本地开发时,不要使用 localhost:3000,而是使用 127.0.0.1,这样浏览器加载会快得多。

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

npm create nuxt@latest <project-name> -- -t v3
或者,你可以打开 nuxt.new 并按照那里的指示,寻找其他启动器或主题。

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

Terminal
code <project-name>

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

cd <project-name>

开发服务器

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

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

下一步

既然你已经创建了 Nuxt 项目,就可以开始构建你的应用了。

Nuxt 概念 中查看详情