title: Is there a way to list all active ESLint / Prettier rules in an Angular project?
body: <h2>Background:</h2>
  <p>I'm trying to config <strong>ESLint</strong> and <strong>Prettier</strong> using <strong>.eslintrc.js</strong> and <strong>.prettierrc.js</strong> by starting with some extends like:</p>
  <ul>
  <li>eslint:recommended</li>
  <li>plugin:@typescript-eslint/recommended</li>
  <li>prettier/@typescript-eslint</li>
  <li>plugin:prettier/recommended</li>
  <li>plugin:@angular-eslint/recommended</li>
  </ul>
  <p>However these may contain conflicting rules or options / rules I find annoying.</p>
  <hr />
  <h2>Question:</h2>
  <p>Is there a script, an IDE plugin (our team uses <strong>WebStorm</strong> and <strong>VS Code</strong>) or a standalone tool which will compile a list of effective options and rules based on my current config?</p>
  <hr />
  <p>It should ideally list all rules which are actually applied including imported rule sets. For each rule it should show its current setting (maybe even the default and other options) and its origin (rule set, config file). If a rule has been overwritten or has
  conflicting settings from two ore more imported rule sets it should show that too.</p>
  <p>I imagine something similar to an effective Maven POM or a Maven dependencies tree either as a printed output or a GUI tool window.</p>
  <p>I looked at <a href="https://www.npmjs.com/package/eslint-find-rules" rel="noreferrer">https://www.npmjs.com/package/eslint-find-rules</a> which is a start. However so far I only got a list of rules with no info where they come from or what their current setting is.</p>
  <h2>Motivation:</h2>
  <p>We are looking for a way to determine which rule set(s) to use as a starting point and which rules we want to overwrite without having to blindly try for ages.</p>