# worldcup-front

**Repository Path**: dmpb/worldcup-front

## Basic Information

- **Project Name**: worldcup-front
- **Description**: worldcup-front
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 说明文档

## 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!!