## Vue
### 客户端 client
```
|__ assets //静态资源目录
|__ images
|__ style
|__ component // 公共组件目录
|__ Header.vue
|__ Aside.vue
|__ pages // 页面tpl目录
|__ page1.vue
|__ page2.vue
|__ store // vuex交互
|__ modules // vuex不同模块目录
|__ modelA.js
|__ modelB.js
|__ store.js
|__ utils
|__ axios.js // 全局请求拦截处理，api请求等 统一处理
|__ ...
|__ App.vue //主组件
|__ index.html
|__ main.js //主入口
|__ route.js
```
### server端 （node Koa）
```
|__ constroller // 业务逻辑层主目录
|__ admin.js
|__ goods.js
|__ ........
|__ file
|__ template
|__ goods.xlsx // 报表excel模板
|__middleware
|__ checkSecret.js
|__ ..... 其他工具中间件
|__ model
|__ index.js
|__ admin
|__ userlists.js
|__ 数据层逻辑，主要用于查询数据库
|__ service // CURD服务
|__ util // 工具文件
|__ config.js //配置
|__ index.js
|__ server.js
|__ timedTask.js
```
## React
### 客户端 client
```
|__ config //webpack相关配置，不同脚手架不一样
|__ public
|__ index.html
|__ manifest.json
|__ mock //如果需要模拟数据的话
|__ scripts // npm命令配置项
|__ build.js
|__ start.js
|__ test.js
|__ src
|__ components
|__ const // 常量
|__ pages // 主页面
|__ assest
|__ img
|__ fonts
|__ styles
|__ util
|__ App.css
|__ App.js
|__ index.js
|__ reduxt
|__ reducer
|__ store
|__ action
|__ router.js
```
