有没有办法在 Angular 项目中列出所有活动的 ESLint / Prettier 规则？

Question

背景：

我试图用一些像扩展开始配置ESLint和使用.eslintrc.js和.prettierrc.js更漂亮：

• eslint：推荐
• 插件：@typescript-eslint/推荐
• 更漂亮/@typescript-eslint
• 插件：更漂亮/推荐
• 插件：@angular-eslint/推荐

但是，这些可能包含我觉得烦人的冲突规则或选项/规则。

---

题：

是否有脚本、IDE 插件（我们的团队使用WebStorm和VS Code ）或独立工具来根据我当前的配置编译有效选项和规则列表？

---

理想情况下，它应该列出实际应用的所有规则，包括导入的规则集。 对于每个规则，它应该显示其当前设置（甚至可能是默认选项和其他选项）及其来源（规则集、配置文件）。 如果规则已被覆盖或来自两个或更多导入的规则集的设置冲突，它也应该显示。

我想象一些类似于有效的 Maven POM 或 Maven 依赖关系树的东西作为打印输出或 GUI 工具窗口。

我查看了https://www.npmjs.com/package/eslint-find-rules ，这是一个开始。 但是到目前为止，我只得到了一个规则列表，没有关于它们来自哪里或当前设置是什么的信息。

动机：

我们正在寻找一种方法来确定使用哪些规则集作为起点以及我们想要覆盖哪些规则，而不必盲目尝试多年。

Answer 1

eslint --print-config file.js 命令应该能够列出所有规则及其应用于特定文件的值。 但是，它不会显示在哪个插件中启用了规则。