ES6 + VUE 项目编码风格(代码质量把控)

456 阅读1分钟

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