源码结构图

初始化项目完成之后，我们应该能够看到如下的文件结构

整体结构

    ├── app.config.js # 端口、代理配置、webpack配置等等
    ├── babel.config.js # babel配置
    ├── build
    │   ├── webpack.base.config.js # 基本配置 (base config) 
    │   ├── webpack.client.config.js # 客户端配置 (client config)
    │   └── webpack.server.config.js # 服务器配置 (server config)
    ├── config
    │   ├── default.js # 环境变量配置
    │   ├── development.js # 开发环境变量配置
    │   └── log4js.js # 日志写入配置
    ├── eslintrc.conf.js # eslint配置
    ├── LICENSE
    ├── package.json
    ├── package-lock.json
    ├── pm2.config.js  # 项目pm2配置
    ├── pm2.md # pm2的api文档
    ├── postcss.config.js  postcss配置文件
    ├── public
    │   ├── favicon.ico #网站图标
    │   └── libs #
    ├── README.md # 文档
    ├── server
    └── src

Node 目录结构

    server 
    ├── middleware # koa server 中间件
    │   ├── mi-cookie-parser 
    │   ├── mi-error 
    │   ├── mi-log
    │   ├── mi-proxy
    │   └── index.js
    ├── utils  #工具
    ├── server.js # koa2服务详细配置
    ├── dev-hot.js # koa2开发模式实现hot热更新
    ├── index.js # server入口  
    └── ssr.js # vue ssr的koa2中间件。匹配路由、请求接口生成dom，实现SSR

src 目录结构

    src 
    ├── api
    │   └── index.js # 接口api
    ├── app.js  # 通用 entry
    ├── App.vue
    ├── assets  # css、images等静态资源目录
    ├── components # 项目自定义组件目录
    ├── config.js # vue组件、mixins注册
    ├── element-ui
    │   └── index.js # element ui组件按需加载
    ├── entry-client.js # 仅运行于浏览器
    ├── entry-server.js # 仅运行于服务器
    ├── http
    │   ├── getErrMsg.js # 客户端请求错误处理
    │   ├── index-client.js # 客户端http 请求封装
    │   ├── index-server.js # 服务端http 请求封装
    │   └── README.md
    ├── icons
    │   ├── index.js  # svg 图标引入封装
    │   ├── svg
    │   └── svgo.yml
    ├── index.template.ejs  # index模板
    ├── lang  # 国际化语音配置
    ├── layout # vue 项目模板
    ├── pages # 业务视图.vue和route路由目录
    ├── router # 路由route配
    ├── settings.js
    ├── store # vuex数据存储目录
    ├── styles
    └── util # 工具目录