此规范分为两个大部分：目录规范和编码规范；此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性。好的编码规范能让代码风格统一，以便于代码审查和后续开发。
1.1.目录规范
以点将啦为基础主要的设计目标是项目开发的目录结构保持一致，使容易理解并方便构建与管理。手录比较粗糙，也可以和师傅的有个比较（更加详细一点），见代码一和图一
├── build // webpack配置文件 ├── config // 项目打包路径 ├── dist // 上线项目文件，放在服务器即可正常访问 ├── src // 源码目录 │ ├── api // 接口文件 │ ├── filter // 过滤器 │ ├── assets // 项目静态文件 │ ├── components // 组件 │ │ ├── common // 公共组件 │ │ │ ├── alertTip.vue // 弹出框组件 │ │ │ ├── search.vue // 搜索组件 │ │ │ ├── upLoad.vue // 上传组件 │ │ │ ├── loading.vue // 页面初始化加载动画组件（可省略） │ │ ├── footer │ │ │ └── footGuide.vue // 底部公共组件 │ │ └── header │ │ └── head.vue // 头部公共组件 │ ├── config // 基本配置 │ │ ├── env.js // 环境切换配置 │ │ ├── index.js // 常用的js方法 │ │ ├── prod.env.js // 生产环境 │ │ └── test.env.js // 测试环境 │ ├── page │ │ ├── application │ │ │ ├── application.vue // 提现申请 │ │ │ └── children │ │ │ └── index.vue // 提现申请详情 │ │ ├── userinfo │ │ │ ├── userinfo.vue // 个人信息 │ │ │ └── children │ │ │ └── index.vue // 个人信息详情 │ │ ├── demand │ │ │ ├── benefit.vue // 雇佣页 │ │ │ └── children │ │ │ ├── index.vue // 雇佣主页 │ │ │ ├── ...... │ │ ├── personal │ │ │ ├── personal.vue // 人员管理 │ │ │ └── children │ │ │ ├── index.vue // 人员管理详情 │ │ │ └── ...... │ │ ├── ...... │ │ ├── index.vue // 侧边栏详情 │ │ ├── user │ │ │ └── login.vue // 登录页 │ ├── plugins // 引用的插件 │ ├── router │ │ └── router.js // 路由配置 │ ├── service // 数据交互统一调配 │ │ ├── getData.js // 获取数据的统一调配文件，对接口进行统一管理 │ │ └── tempdata // 开发阶段的临时数据 │ ├── store // vuex的状态管理 │ │ ├── action.js // 配置actions │ │ ├── getters.js // 配置getters │ │ ├── index.js // 引用vuex，创建store │ │ ├── modules // store模块 │ │ ├── mutation-types.js // 定义常量muations名 │ │ └── mutations.js // 配置mutations │ └── style │ ├── common.scss // 公共样式文件 │ ├── mixin.scss // 样式配置文件 │ └── swiper.min.css │ ├── App.vue // 页面入口文件 │ ├── main.js // 程序入口文件，加载各种公共组件 ├── favicon.ico // 图标 ├── index.html // 入口html文件