有沒有辦法在 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 命令應該能夠列出所有規則及其應用於特定文件的值。 但是，它不會顯示在哪個插件中啟用了規則。