说明文档

vue项目

重构项目

• 约伴
• 商城
• 攻略
• 反馈
• 首页 （已部署上线）

新项目

• 竞猜
• 赛程

开发相关

1. git clone https://gitee.com/dmpb/worldcup-front.git
2. cd worldcup-front
3. cnpm i 或 npm i (需要安装node)
4. 本地运行 npm run dev
5. 浏览器输入 http://localhost:8080/#/index?_debug=1 （带_debug=1会有默认的cookie，否则需要微信验证）

基础控件

1、UI组件： http://mint-ui.github.io/#!/zh-cn 2、ajax库：anxios 3、时间库： 引入了moment http://momentjs.cn/ 4、scroll: 引入了better-scroll 用于页面滚动： https://github.com/ustbhuangyi/better-scroll 说明文档： https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20%E6%98%AF%E4%BB%80%E4%B9%88 5、其他可以抽离的公共组件后续会补充

项目结构

| |---- build webpack构建的配置 |---- config 构建配置依赖的配置 |---- dist 最终打包后的代码 |---- src 项目源码 |---- views 所有可见的页面 |---- themes 旅动足球主题修改，主要是对mintui样式的覆盖 |---- router 路由配置 |---- libs 基础库，不会被业务使用，仅被架构依赖 |---- components 抽离出来的公用组件 |---- common 公用的业务类库：util工具、variable常量等等 |---- assets 所有图片和公用的样式

开发须知

1. 图片尽量用svg
2. 有意识的去使用公用样式，目的为了减少重复代码
3. mingui组件并非全部引用，没有引入的组件自行到/src/libs/mintui.js里添加
4. css命名规范需要注意，不强求但还是希望结构清晰。

错误机制

项目中的异常都会上报至sentry https://sentry.io/wujing/vue-worldcup/getting-started/javascript-vue/ 注册账号，@吴敬 把你拉进去

项目部署

1. npm run build
2. git add .
3. git commit -m "error"
4. git push origin feature(分支自己定)
5. ssh gmj@118.31.32.197
6. cd code/worldcup-front
7. sudo git pull

webfont图标库

统一用这个：http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=33（这里没有的化再去其他里面找）

祝各位 day day happy!!