1.nuxt概述

学习前提

开发过 vue 的项目

掌握 node 后端 express 框架

MongoDB 数据库有所了解

Webpack 打包，babel

sass、less

Linux

Nuxt 中，项目文件夹的作用介绍
  ├─.nuxt               // Nuxt自动生成，临时的用于编辑的文件，build，每次 npm run build 都可以生成，下一次生成会覆盖上一次的内容
  ├─assets              // 用于组织未编译的静态资源如 LESS、SASS或JavaScript,对于不须要经过 Webpack 处理的静态资源文件，能够放置在 static 目录中
  ├─components          // 用于本身编写的 Vue 组件，好比日历组件、分页组件
  ├─layouts⭐          // 布局目录，用于组织应用的布局组件，不可更改
  ├─middleware          // 用于存放中间件，用于定义呈现页面或一组页面之前要运行的自定义函数
  ├─node_modules
  ├─pages⭐            // 用于组织应用的路由及视图,Nuxt.js根据该目录结构自动生成对应的路由配置，文件名不可更改
  ├─plugins             // 用于组织那些须要在 根vue.js应用 实例化以前须要运行的 Javascript 插件。
  ├─server							// 暂无配置和介绍
  ├─static⭐            // 用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。文件夹名不可更改。
  └─store⭐             // 用于组织应用的Vuex 状态管理。文件夹名不可更改。
  ├─.editorconfig       // 开发工具格式配置
  ├─.eslintrc.js        // ESLint的配置文件，用于检查代码格式
  ├─.gitignore          // 配置git忽略文件
  ├─nuxt.config.js⭐    // 用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。文件名不可更改。
  ├─package-lock.json   // npm自动生成，用于帮助package的统一设置的，yarn也有相同的操做
  ├─package.json        // npm 包管理配置文件