安装

通过我们的在线启动项目快速开启 Nuxt 之旅,或者使用终端在本地启动。

在线体验

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

在 StackBlitz 中打开

在 CodeSandbox 中打开

或者按照以下步骤在您的计算机上设置一个新的 Nuxt 项目。

新项目

前置要求

优化设置的额外说明
  • Node.js:请确保使用偶数版本(20、22 等)
  • Neovim:配置 Vue TypeScript 插件时,请确保 location 指向 @vue/language-server 包目录,而不是其二进制文件。请参阅Neovim 设置指南以获取可用的配置。
  • WSL:如果您在 Windows 上使用且遇到热重载(HMR)缓慢的问题,建议尝试使用WSL (Windows Subsystem for Linux)这可能会解决一些性能问题。
  • Windows DNS 解析缓慢:在 Windows 上开发时,与其使用 localhost:3000,不如使用 127.0.0.1,这样在浏览器中加载速度会快得多。

打开终端(如果您正在使用Visual Studio Code,可以打开集成终端)并使用以下命令创建新的启动项目

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 概念