## 版本控制采用gitflow流程

## 组件按照字母顺序进行排列

具体涉及到组件排序的文件为
/package/index.js
排序部分包含：
import引入顺序
const components=[] 列表中的顺序
export default {} 导出顺序

/styles/index.scss
@import引入顺序

## 组件引入风格统一
```javascript
import Button from './button'; // OK
import Button from './button/index.js' // Wrong
```

## vue文件书写顺序
### HTML标签中的属性顺序
数据来源（v-html、v-bind、v-model）、id、class、事件、data-*、其它

### style样式书写顺序
> 目的减少浏览器回流reflow，提升浏览器渲染dom的性能

1. 定位属性： position display float left top right bottom overflow clear z-index
2. 自身属性： width height padding border margin background
3. 文字样式： font-family font-size font-style font-weight font-varient color
4. 文字属性： text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow
5. css3新增属性： content box-shadow border-radius tranform...


### 命名规则
项目用组件： kNav
UI组件库： kcNav

### 常用缩写
chg = change
cnt = content
bg = background
btn = button
nav = navigation

### vue开发时页面逻辑顺序
* 数据
> props data computed watch

* 操作、方法
> methods

* 生命周期(生命周期按照加载执行顺序进行书写，比如：）
> created mounted updated activated destroyed

* 组件
> components


### gitflow开发流程
**每个组件单独建一个feature分支，开发结束，并且自测没有问题**