2022 年了，怎么还没有 all in one 的 linter+formatter

This topic created in 1529 days ago, the information mentioned may be changed or developed.

最近要新建一个项目，想把各个依赖都升到最新，结果 vite ts react 的模板项目装好 eslint 上来就报了几个错，用的 airbnb 的预设

react 插件有好几条老规则早不适用了不知道为什么还不改，比如什么 jsx 文件必须引入 react ，还什么函数式组件也提示必须写 defaultProps

还是说这是 airbnb 预设的问题？

然后 prettier 和 eslint 还有冲突，比如我声明一个箭头函数，参数用的解构声明，eslint 说太长了必须换行，prettier 说解构声明的大括号后面里不能换行？

听说 fb 弄了个 all in one 的 rome ，但是我搜了下官网说现在在用 rust 重构项目，这个有人用过吗？

8 replies • 2022-04-13 18:50:27 +08:00

yoa1q7y

Mar 4, 2022

eslint config 部分配置
```json
{
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:react/recommended",
"plugin:react-hooks/recommended",
"plugin:prettier/recommended"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": "latest",
"sourceType": "module"
},
"settings": {
"react": {
"version": "detect"
}
}
}
```

package.json
```json
{
"@typescript-eslint/eslint-plugin": "^5.12.1",
"@typescript-eslint/parser": "^5.12.1",
"eslint": "^8.10.0",
"eslint-config-prettier": "^8.4.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.29.2",
"eslint-plugin-react-hooks": "^4.3.0"
}
```

这样就足够了

seki

Mar 4, 2022

当然是自己选配啊，当年那些希望推行统一规则的项目比如 jshint 和 standard ，都已经没人用了，因为用的时候总有想法不一致的地方。airbnb 也是适合 airbnb 的情况而已，你用着不舒服也很正常

prettier 你要看 plugin-prettier 的文档，需要覆盖掉一些规则