1.ESlint
配置示列:
2.配置Git Hook 强制执行代码风格检测修正
自行设置吧
3.代码定期Review
ES6编码风格:
1.let const 代替var
let 变量 const 常量
2.字符串: 统一使用单引号或反引号模版字符串,动态字符串使用反引号
3.对象:
- 单行定义的对象,最后成员结尾不加逗号;多行定义的对象,对后成员结尾加逗号
- 使用Object.assign 对对象添加属性
- 使用属性表达式定义动态的属性名
4.数组
- ...拷贝数组
- Array.from将类数组转为真正数组
5.函数: 箭头函数
6.解构赋值
VUE代码风格一览
1.props 定义类型
2.v-for加key
3.v-if v-for 不要用在一起
4.样式隔离(scoped)
5.单文件组件大小写或者小写加‘-’
6.基础组件名以Base.App.V开头
7.组件名合理闭合
8.合理换行
9.合理空格
10.合理指令缩写(用 : 表示 v-bind: 、用 @ 表示 v-on: 和用 # 表示 v-slot:) 应该要么都用要么都不用。)
11.页面按照data computed watch beforeCreated created beforeMount mounted beforeUpdated updated activated deactivated beforeDestroy destroyed methods