nuxtjs基于Vue的一个服务端渲染框架（nuxtjs服务端是借助 nodejs 来进行页面组装）

安装脚手架

npm i create-nuxt-app -g
// 或者
cnpm i create-nuxt-app -g

创建项目

create-nuxt-app 项目名称

目录结构

Nuxt 构建目录

该.nuxt目录就是所谓的构建目录。它是动态生成的，默认隐藏。

router.js

Nuxt 在您将文件放入 pages 文件夹 时为您生成的路由器文件。当您想要查找为 vue-router 生成哪些路由并找出特定路由的名称时，可以使用此文件进行调试。

router.scrollBehavior.js

是您的路由器滚动行为

Components

文件夹包含所有 Nuxt 组件，例如 NuxtChild 和 NuxtLink。它还包含 nuxt-build-indicator，这是我们在构建应用程序时看到的页面和 nuxt-loading，这是在我们等待页面加载时看到的加载组件。您还将在此处找到 nuxt-error 页面，其中包含 Nuxt 默认错误页面。

$fetch mixins

文件夹包含 Nuxt方法 所需的文件。

views

文件夹包含您的应用程序模板和服务器错误页面。

app.js

是您的主要应用程序文件。

client.js

文件是客户端发生的所有事情所需的客户端文件。

• 对于无操作别名，故意将空文件留空

  index.js

  文件引导您的应用程序。

  loading.html

  是页面加载时使用的文件。

• 中间件文件是保存中间件的地方

  server.js

  文件是在服务器上运行的所有代码

• 实用程序包含 Nuxt 工作所需的实用程序。

  部署

  该 .nuxt 文件夹是部署 SSR 应用程序所需文件的一部分。部署静态 Nuxt 应用程序不需要它，因为我们使用该 dist 文件夹。

  资源目录

  该 assets 目录包含您未编译的资产，例如 Stylus 或 Sass 文件、图像或字体。