求推荐下成熟项目的 vue2 可用 eslint 规则, 我要被外包兄弟的代码质量搞疯了

[retrocode]

我已经给前端项目启用了 240 多条规则, 依然拦不住烂代码, 总是有各种奇奇怪怪的写法, 举个例子: 明明可以好好的写

this.foo = !!value 或者 this.foo = value ? true : false

他这么写我都不会说什么, 就当代码风格问题了, 他们写这样:

value ? this.foo = true : this.foo = false

orz, 我今天一天都在调规则加规则以求能把他们这种奇葩写法检测出来了

求助下大家, 有没有现成的成熟项目累积出来的 eslint 规则可以让我抄一份, 不然我这样封封堵堵感觉也蛮难受的

[wenbinwu]

能看懂不就完了嘛
嫌弃的话看到一处改一处就是了

[chaucerling]

加 husky ，不符合规则的代码不能提交

[eason1874]

@Qy2FbR #19 我说了短的看着还行，长了才影响阅读性，你还举短的例子。。。

说它长了影响可读性，不是指用短路写法有影响，而是指用表达式的形式写条件语句有影响

// 像这样只扫一眼就容易看错
var value1 = condition1 || condition2 ? value2 : value3
condition5 && test('txtvalue', value2, value3, value4)
(condition1 === 'hello' || condition2 === 'world!') ?
test('statement', value1) : test2('statement', value2)

// 而常规写法，扫一眼开头的关键字就知道哪里是条件语句，不需额外的反应时间
var value1 = condition1 || condition2 ? value2 : value3
if (condition5) test('txtvalue', value2, value3, value4)
if (condition1 === 'hello' || condition2 === 'world!') {
test('statement', value1)
} else {
test2('statement', value2)
}

[eason1874]

@murmur #35 JSX 这类模板语言用尽量简短的语法，我倒觉得可以，JS 尽量简洁，避免大段的 JS 跟 HTML 混淆在一起。纯 JS 来说，我就觉得这样不好，把一门高级语言写出两种风格，一部分像汇编，一部分又常规语法

[codingBug]

antfu 大佬的，fork 一份或者直接用这套

https://github.com/antfu/eslint-config