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

Question

背景：

我正在尝试使用 .eslintrc.js 和 .prettierrc.js 配置 ESLint 和 Prettier，从一些扩展开始，例如：

• 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

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

Answer 2

ritikaadit2 于 7 月 31 日 21:26 提出了一个问题（见下文）并提供了解决方案：

eslint --print-config file.js Windows 操作系统上没有 eslint 命令 即使我在 VS code 中有 ESLint 扩展。

我的解决方案，如果您安装了 Node.js 和 npm，它应该可以在 Mac、Windows 或 Linux 上运行：

1. 在项目的根目录中安装 eslint npm 包作为开发依赖项：
   

   npm i -D eslint

2. 然后运行如下命令（仍在项目的根目录中）打印出名为 eslint-custom-config.json 的文件，该文件将满足您的所有 ESLint 规则：
   

   npx eslint --print-config file.js > eslint-custom-conifg.json

3. 如果需要，请在

   .gitignore

   文件中单独添加 eslint-custom-conifg.json 以确保 git 不跟踪此文件