跳到主要内容

安装

通过在线 starter 快速上手 Nuxt,或在本地使用终端从零开始。

在线体验(Play Online)

如果你只是想在浏览器里体验 Nuxt 而不想搭建项目,可以使用这个在线沙箱:

在 StackBlitz 中打开

带有代码编辑器和终端访问的在线 playground。

新建项目(New Project)

前置条件(Prerequisites)

::

创建新项目(Create a New Project)

打开终端(如果你使用 Visual Studio Code,可以打开集成终端),并使用以下命令创建一个全新的 starter 项目:
npm create nuxt@latest <project-name>

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

Terminal
code <project-name>

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

cd <project-name>

开发服务器(Development Server)

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

npm run dev -- -o
做得好!浏览器窗口应该会自动打开 http://localhost:3000
如果你在使用 Docker,或者希望在不同机器间保持一致的开发环境,可以考虑使用开发容器(dev container)。了解更多关于开发容器的内容

:::

下一步(Next Steps)

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

Nuxt 概念(Nuxt Concepts)·阅读更多