Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

安装

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

在线体验

如果您只想在浏览器中体验 Nuxt 而无需设置项目,可以使用我们的一个在线沙箱。

在 StackBlitz 上打开

在 CodeSandbox 上打开

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

新项目

先决条件

最佳设置的其他说明
  • Node.js:确保使用偶数版本(18、20 等)
  • Nuxtr:安装社区开发的 Nuxtr 扩展

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

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

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

终端
code <project-name>

或者从您的终端更改目录到您的新项目

cd <project-name>

开发服务器

现在您就可以在开发模式下启动您的 Nuxt 应用程序了

npm run dev -- -o
完成!浏览器窗口应该会自动打开 https://127.0.0.1:3000

后续步骤

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

Nuxt 概念 中了解更多信息。