目录结构暂放

[luuman]

.
├── build/               # Webpack 配置目录
    ├── config/            # 放置需要经由 Webpack 处理的静态文件（ASSET）
        ├── PATHS.js                 # PATHS 便捷求取路径原型函数
        ├── PORTS.js                 # 端口配置
    ├── dev.js                   # npm run start
    ├── prod.js                  # npm run build
    ├── gulpfile.js              # d
    ├── webpack.base.conf.js     # d
    ├── webpack.dev.conf.js      # d
    └── webpack.prod.conf.js     # d
├── dist/                # build 生成的生产环境下的项目
├── src/                 # 源码目录（开发都在这里进行）
    ├── assets/            # 放置需要经由 Webpack 处理的静态文件（ASSET）
        ├── css/                     # css 文件夹
        ├── img/                     # img 文件夹
        ├── less/                    # less 文件夹
        └── scss/                    # scss 文件夹
    ├── components/        # 组件（COMPONENT）
        ├── App.vue                  # 根组件
        ├── Breadcrumb.vue           # 面包屑
        ├── Navbar.vue               # 顶部导航栏
        ├── Pagination.vue           # 分页
        ├── Select/                  # 下拉框选择框组件
            ├── LimitSelect.vue            # “每页显示多少条记录” 下拉选择框
            └── Select2.vue                # 对 Select2 的封装
        ├── Sidebar/                 # 侧边栏组件
            ├── index.vue                  # 侧边栏
            └── Link.vue                   # 导航链接封装
    ├── filters/           # 过滤器（FILTER）
    ├── mixins/            # （MIXIN）
    ├── routes/            # 路由（ROUTE）
    ├── services/          # 服务（SERVICE，统一管理 XHR 请求）
    ├── utils/             # 工具类（UTIL）
    ├── views/             # 路由页面组件（VIEW）
        ├── index.vue                # 首页
        ├── auth/                    # 用户认证模块
            ├── login.vue                  # 登录页
            └── logout.vue                 # 注销登录页
        └── msg/                     # 留言板模块
            ├── index.vue                  # 对应 /msg（留言板首页，alias => /msg/list）
            ├── list.vue                   # 对应 /msg/list（留言板列表）
            ├── add.vue                    # 对应 /msg/add（新增留言）
            ├── detail.vue                 # 对应 /msg/detail/:msgId（查看留言）
            ├── update.vue                 # 对应 /msg/update/:msgId（修改留言）
            ├── _components/               # 留言板模块共用组件
            │   ├── AuthorSelect.vue             # 留言发布者选择下拉框
            │   ├── MsgForm.vue                  # 留言表单
            │   └── OptBtnGroup.vue              # 留言操作按钮组
            └── _mixins/                   # 留言板模块共用 mixins
                └── autoLoadByParams.js          # 根据 $route.params.msgId 自动加载
    ├── app.js             # 启动文件
    └── index.html         # 静态基页
├── static/              # 放置无需经由 Webpack 处理的静态文件
├── .babelrc             # Babel 转码配置
├── .eslintignore        # （配置）ESLint 检查中需忽略的文件（夹）
├── .eslintrc            # ESLint 配置
├── .gitignore           # （配置）需被 Git 忽略的文件（夹）
└── package.json         #