安装 Nuxt SPA

安装 Nuxt SPA 与使用 create-nuxt-app 脚手架工具安装 Nuxt 通用 SSR 相同。让我们开始吧：

  1. 通过终端使用 Nuxt 脚手架工具安装 Nuxt 项目：

    $ npx create-nuxt-app <项目名称>

  2. 回答出现的问题，并在询问渲染模式时选择 Single Page App 选项：

    ? Project name
? Project description
//...
? Rendering mode:
  Universal (SSR / SSG)
> Single Page App

    安装完成后，如果你检查项目根目录中的 Nuxt 配置文件，你应该会看到 mode 选项在安装过程中已为你配置为 spa：

    // nuxt.config.js
export default {
  mode: 'spa'
}

  3. 在终端中启动 Nuxt 开发模式：

    $ npm run dev

    你应该只会在终端上看到客户端代码被编译：

    ✓ Client
Compiled successfully in 1.76s

    你将不再看到通常在通用模式的 Nuxt 应用程序中看到的任何服务器端代码编译：

    ✓ Client
Compiled successfully in 2.75s
✓ Server
Compiled successfully in 2.56s

正如你所见，在 Nuxt 中启动 spa 模式环境非常容易。你也可以通过简单地将 spa 值添加到 Nuxt 配置文件中的 mode 选项来手动设置此 spa 模式。现在，让我们开发一个 Nuxt SPA。