nuxt logo

文档翻译(非官方)

安装

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

在线体验

如果您只想在浏览器中试用 Nuxt 而不设置项目,可以使用我们提供的在线沙盒之一:

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

新项目

前提条件

优化设置的附加说明:
  • Node.js: 确保使用偶数版本(18, 20 等)
  • Nuxtr: 安装社区开发的 Nuxtr 扩展
  • WSL: 如果您使用的是 Windows 并且遇到 HMR 缓慢的问题,可以尝试使用 WSL (Windows Subsystem for 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 概念