【项目权限】

1、申请虚拟erp账号。找郎丽丽（需要提供：姓名，手机号，邮箱信息）；
2、申请到家代码库权限，找邓万龙；

【运行条件】

确认装有node,npm

【开发】

项目库地址：https://coding.jd.com/app/yunying-jddj-web.git

获取代码，进入目录，运行自动重载构建，：

$ git clone https://coding.jd.com/app/yunying-jddj-web.git  # 下载项目代码（vue）
$ cd yunying-jddj-web       # 进入目录
$ npm install           # 安装依赖包

【运行】

$ sudo npm run dev             # 默认端口80 - http://127.0.0.1

【开发分支介绍】

1.master分支：最新的线上代码，当pre代码上线后，需要将pre分支代码合并到master
2.pre分支：当前项目版本的预发布部署分支，上线前可验证分支，即将上线的分支
3.dev分支：当前项目版本的开发分支，开发完成后上预发分支，需要上线验证合并到pre，基于master分支打的tag
4.其他分支：业务需求开发的分支，开发完成之后会将代码合并到dev分支 进行预发布部署提测。

【mock 接口模拟】

配置模拟接口地址 http://mock.jddj.com/ 账号admin 密码：mock Server

【配置接口代理】

根目录下vue.config.js文件 找到proxy 检查接口地址前缀是否存在重复，存在重复如果是同系统不需要再配置，非同系统需要注释其他系统代理，配置 接口前缀及target 即可

【模拟登录】

1.向后单咨询当前系统 预发布域名和预发布机器IP
2.配置本地host文件，请求任意无参数接口即可跳转登录（登录账号可找赵汉南申请）
3.登录成功后 将域名配置到127.0.0.1 访问即可

【编译】

默认操作： 在 yunying-jddj-web 同级下载 后台系统项目库地址

$ npm run build         # 编译代码到 static目录下
$ git add ./            # 添加编译后文件
$ git commit -a -m "提交描述"         # 提交代码
$ gulp coupon #coupon对应后端系统代码库，查看 gulp命令说明后  进行此步操作

注：

daojia-react 和pdj_h5_static 、 pdj_static_cdn 必须同级

__ 上预发布__ ：

1)将当前开发分支合并到dev分支
2)执行npm run build
3)编译完之后提交代码
4)执行gulp命令，将代码移植到后台系统
4)切换到后端代码库提交代码 （预发布部署操作由后端进行）

__ 上线 __：

1)将需要上线的分支合并到pre分支并部署预发布进行验证
2)执行npm run build
3)编译完之后提交代码
4)执行gulp命令，将代码移植到后台系统
4)切换到后端代码库提交代码 （上线部署操作由后端进行）

【gulp命令说明】

1.根目录 gulpfile.js 文件进行任务配置
2.本地编译完成后 执行gulp命令
3.执行gulp命令后需要切换到后端系统代码库提交编译后前端代码

gulp cms 对应 cms系统
gulp cmsHomeChannel 对应 cms首页频道页系统
gulp cmsData 对应 cms数据集合系统
gulp vipuser 对应 V+会员配置系统
gulp coupon 对应 优惠券系统
gulp businessCoupon 对应 优惠券业务券
gulp stationCoupon 对应 优惠券门店券 #因删除与业务券重合
gulp virtualCoupon 对应 优惠券虚拟券
gulp payCoupon 对应 优惠券支付券
gulp storeGoods 对应 门店商品系统
gulp investigation 对应 investigation
gulp product 对应 商品系统
gulp standard 对应 商品标库系统
gulp df41 对应 自助营销，东风41系统
gulp eagle 对应 eagle
gulp bmqPublish 对应 bmqPublish
gulp venderViolation 对应 venderViolation
gulp transaction 对应 收银台系统
gulp stockSync 对应 京东融合库存系统
gulp productSync 对应 京东融合商品系统
gulp store 对应 门店系统
gulp giftcard 对应 礼品卡系统
gulp budget 对应 预算池系统
gulp mcpush 对应 履约信息触达平台
gulp productManagement 对应 productManagement
gulp priceRedLine 对应 价格红线
gulp flashSale 对应 flashSale

【目录结构】

public //静态资源目录
├── libs 第三方资源包
├── favicon.ico ICO
└── index.html 单页
src
├── assets 开发资源如图片、全局css文件
| ├── css css文件目录
| ├── img 图片资源目录
| └── theme.less 主题样式
├── components 公共组件或公共业务组件
├── directive vue自定义指令
├── enums 枚举值
| ├── cms CMS系统枚举值
| ├── 其他系统 其他系统枚举值
| └── index.js 公共枚举值
├── filters 过滤器
| ├── cms CMS系统过滤器
| ├── 其他系统 其他系统过滤器
| └── index.js 公共过滤器
├── mixins 混合开发
├── store 状态管理
├── utils 工具包通用方法(常用confirm、form表单验证、query取地址栏参数)
├── views 视图管理
| ├── cms cms系统
| └── activity CMS活动页模块
| ├── main.vue 路由主文件
| ├── list.vue CMS活动页列表
| ├── edit.vue CMS活动页新增、修改
| └── info.vue CMS活动页详情页面
| └── 其他系统 其他系统
| └── 业务名 业务
| ├── main.vue 路由主文件
| ├── list.vue 列表页面
| ├── edit.vue 新增、修改页面
| └── info.vue 详情页面
├── App.vue 首页
├── main.js 首页入口
└── router.js 路由配置文件
static 编译后文件目录
gulpfile.js gulp配置文件 前端代码移植到后台代码库移植任务在此处配置
vue.config.js webpack补充配置 接口代理此处配置

【查找页面】

找到当前页面的#名，进入router配置文件，查找当前页面名称对应的模块名称及路径。找到相应的位置即可。

查找端口并结束进程

$ sudo lsof -i tcp:8360 根据端口查找PID
$ sudo kill -9 PID 结束进程