├── README.md                       项目介绍
│  │
├── index.html                      入口页面
│  │
├── build                           构建脚本目录
│  ├── build-server.js              运行本地构建服务器，可以访问构建后的页面
│  ├── build.js                     生产环境构建脚本
│  ├── dev-client.js                开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新
│  ├── dev-server.js                运行本地开发服务器
│  ├── utils.js                     构建相关工具方法
│  ├── webpack.base.conf.js         wabpack基础配置
│  ├── webpack.dev.conf.js          wabpack开发环境配置
│  └── webpack.prod.conf.js         wabpack生产环境配置
│  │
├── config                          项目配置
│  ├── dev.env.js                   开发环境变量
│  ├── index.js                     项目配置文件
│  ├── prod.env.js                  生产环境变量
│  └── test.env.js                  测试环境变量
│  │
├── package.json                    npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
│  │
├── src                             源码目录
│  ├── main.js                      入口js文件
│  ├── app.vue                      根组件
│  ├── components                   公共组件目录
│  │  └── title.vue
│  │
│  ├── assets                       资源目录，这里的资源会被wabpack构建
│  │  └── CSS                       公共CSS以及CSS
│  │  └── images                    静态图片
│  │    └── logo.png
│  │
│  ├── routes                       前端路由
│  │  └── index.js
│  │
│  ├── fetch                        ajax请求
│  │  ├── apiUrl.js                 接口地址
│  │  └── http.js                   接口公共方法
│  │
│  ├── util                         引入需要的插件
│  │
│  ├── store                        应用级数据（state）状态管理
│  │  └── modules                   模块
│  │  └── index.js
│  └── views                        页面目录
│    ├── matchmak
│    └── parkHall                   二级目录 园区大厅
│  │  └── home                      园区大厅首页模块
│  │  └── active                    活动页模块
│  │  └── affair                    群组事务
│  │  └── goverBenefitService       政惠服务
│  │  └── information               园区资讯
│  │  └── preview                   园区预览
│  │  └── records                   走访记录
│  │
├── static                          纯静态资源，不会被wabpack构建。
│  │  └── reset.css                 重置文件css

### 普通页面用小驼峰,并且以模块名称为前缀
    1、用小写字母，如 activeXxx;
### 组件文件名时 (大驼峰)
    1、单词首字母大写，前缀为：Essp；如：EsspXxx

### CSS
1、公共样式前缀为essp-，普通以模块为前缀 active-xxx ;
2、长单词取其前 4-5 个字母，xxxxx-xxxx;
格式：essp-模块名-功能名
例如：essp-user-head、essp-user-main、essp-user-foot、
### JS
1、方法用驼峰法，例如：handleClick

### 在script里
    import EsspXxxYyy from ''

    components: {
        EsspXxxYyy
    }
### 在template里
    <essp-xxx-yyy></essp-xxx-yyy>

1、git pull【每天打开电脑第一件事，获取新代码，其他情况按需使用】
2、git status【检查自己代码的更新状态】
3、git add .【添加】
4、git commit -am '提交内容书写'【提交】
5、git push【推送】。
ps: 确保git push成功！！！！！！！！！！

1. npm install ||  cnpm install
2. npm run dev   运行
3. npm run build 打包