ESLint

常用插件

插件名称 功能 实用度
eslint-plugin-comments 为 /* eslint-disable */ 提供最佳实践。 无需关注，一般不推荐 使用
eslint-plugin-react 提供 react 相关的规则 使用react就应该添加
eslint-plugin-react-hooks 提供 react hooks 相关的规则 使用react就应该添加
eslint-plugin-compat 浏览器兼容性相关的规则 中后台无需关心，h5 需要
eslint-plugin-import 导入导出相关的规则 有使用的意义，但是文件一多就卡了，不推荐内置
eslint-plugin-jest 为 eslint 提供 jest 的预设 只要需要写测试就应该添加
eslint-plugin-jsx-a11y 可访问相关的规则 国内几乎不重视，按需使用
eslint-plugin-markdown md 中代码块的 lint 规则 感觉没啥用，prettier 更合适做格式化
eslint-plugin-promise promise 的最佳实践规则 有点用，但是不是特别大用
eslint-plugin-unicorn 一个规则集合 比较杂的规则，但是比较有用，内置比较好

常用规则合集

插件名称 包含插件集合 实用度
eslint-config-prettier 让 eslint 规则和 prettier 不冲突 eslint+prettier 必备
eslint-config-airbnb-base eslint-plugin-import 在eslint 上面做了一些改动，非常基础
eslint-config-airbnb eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-react
eslint-plugin-react-hooks		 在eslint 上面做了一些改动，增加了更多的规则

转化器

插件名称 包含插件集合 实用度
@babel/eslint-parser 使用 babel 来转换es6 的代码。 不支持 ts 的类型，别的都挺好的
@typescript-eslint/eslint-plugin 使用 ts 来解析 es6 的代码 支持了ts的类型，但是配置难用。性能也一般

stylelint

插件名称 功能 实用度
stylelint-no-unsupported-browser-features 判断是不是使用了浏览器不兼容属性 h5 需要，中后台问题不大
stylelint-declaration-block-no-ignored-properties 某些属性会导致其他属性被浏览器忽略，这个规则可以帮你找出来 记住所有的css 挺不容易的
stylelint-config-css-modules 在css的基础上支持了 modules 的语法 中后台有必要
stylelint-config-prettier 去掉 stylelint 中和 prettier 有冲突的规则 为了 prettier 应该加上它