Vue SSR 项目 Nuxt.js 框架之《安装与创建》

Nuxtjs 是一个基于 Vuejs 的通用应用框架，预设了利用 Vuejs 开发 服务端渲染 的应用所需要的各种配置。可以更方便的实现 Vue 项目的 SSR 。具体的可详见 官网 ，这里不再过多赘述。

方法一：

方法二：

出现上图即可按照提示， cd 到我们的文件夹，然后运行命令启动项目，启动成功后如下图
assets ：资源目录，用于组织未编译的静态资源如 LESS 、 SASS 或 JavaScript 。
components ：组件目录，用于组织应用的 Vuejs 组件。Nuxtjs 不会扩展增强该目录下 Vuejs 组件，即这些组件不会像页面组件那样有 asyncData 方法的特性。
layouts ：布局目录，用于组织应用的布局组件。
middleware ：中间件目录，用于存放应用的中间件。
pages 页面目录，用于组织应用的路由及视图。Nuxtjs 框架读取该目录下所有的 vue 文件并自动生成对应的路由配置。
plugins ：插件目录，用于组织那些需要在 根vuejs应用 实例化之前需要运行的 Javascript 插件。
static ：静态文件目录，用于存放应用的静态文件，此类文件不会被 Nuxtjs 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下，即 /static/robotstxt 映射至 /robotstxt
store ：状态管理目录，用于组织应用的 Vuex 状态树 文件。 Nuxtjs 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 indexjs 文件可激活这些配置。
nuxtconfigjs ：用于组织 Nuxtjs 应用的个性化配置，以便覆盖默认配置。
packagejson ：用于描述应用的依赖关系和对外暴露的脚本接口。

更多介绍详见 官网-目录结构

---