Learn goals

Build Setup[项目运行步骤]

# clone 项目
$ clone https://github.com/15826954460/mt-pc.git

$ cd project
# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# build for production and launch server

$ yarn run build
$ yarn start

# generate static project
$ yarn run generate

技术栈

Nuxt.js + Nodejs + Vue + Vuex + MongoDB + Redis + axios + ElementUI

The directory structure (项目目录结构简单描述)

资源目录 assets [用于组织未编译的静态资源 如 Less Sass Jvascript]

组件目录 components [用于vue.js组件，Nuxt.js不会扩展改目录下vue.js组件，该部分组件不会像页面组件那样有 asyncData 方法的特性]

布局目录 layouts [用于组织应用的布局组件。该目录名为Nuxt.js保留的，不可更改。]

middleware 目录 [用于存放应用的中间件]

页面目录 pages [用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。该目录名为Nuxt.js保留的，不可更改。]

插件目录 plugins [用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。]

静态文件目录 static [用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。该目录名为Nuxt.js保留，不可更改。]

store 目录 [用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。]

nuxt.config.js [用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。该文件名为Nuxt.js保留的，不可更改。]

package.json [文件用于描述应用的依赖关系和对外暴露的脚本接口。该文件名为Nuxt.js保留的，不可更改。]

关于一些坑的解决

• 如果提示 session store is unavaliable，退出服务，先运行redis 和 mongoed, 再次运行项目

关于一些第三方库的文档以及使用说明

nodemailer 主要用来邮件发送的第三方库，参考文档

关于mongoDB的和Robo 3T 的安装

MongoDB 安装和使用

mongoDB导入数据

Robo 3T安装和使用