如何運行 eslint 以便我可以附加調試器？

Question

我正在嘗試通過console.log調試eslint規則，但這不是最有效的調試方式。 我正在通過命令行運行eslint 。

如何運行eslint以便我可以將調試器（VSCode 調試器或 Chrome 調試器）附加到它？ 我看到我可以將調試 url 傳遞給 VSCode，但我不知道如何獲取該 url。

我發現這個指向http://eslint.org/docs/developer-guide/development的問題，但我找不到一個頁面，我嘗試尋找 debug/debugger/development/inspector，但沒有找到文檔中的任何內容。

Answer 1

運行eslint是在運行 NodeJS 腳本，因此您可以使用--inspect開關運行節點。

1. 獲取調試地址

   1. 找到eslint腳本的位置（可能是node_modules/.bin/eslint ）
   2. 在檢查模式下運行節點： node --inspect-brk {eslint_path} {file_path}

   例如： node --inspect-brk node_modules/.bin/eslint.

   3. 你會看到一行Debugger listening on {url} ，這是你的調試 url。

2. 附加調試客戶端。 Chrome 示例

   1. 轉到 Chrome，在網址欄中輸入chrome://inspect
   2. 如果選中“發現網絡目標”，您應該能夠在“遠程目標”下看到node_modules/.bin/eslint...
   3. 可能會彈出一個名為“DevTools”的新 Chrome 窗口，其中源代碼處於調試模式。 如果沒有，請打開開發人員工具，然后單擊 Node 徽標，它應該會打開窗口。
   4. 執行在第一條指令處停止。 您現在可以使用 Chrome 調試器了。

筆記

我們使用--inspect-brk以立即停止執行，否則執行可能會在您附加調試客戶端時完成。 如果您已經在代碼中添加了debugger指令，那么您可以運行--inspect ，它會在第一條debugger指令處停止。

Answer 2

eslint 具有--debug標志，您可以將其傳遞給 CLI 以便輕松訪問日志

npx eslint --debug .

或者，您可以使用 debug env 標志來選擇日志的子集

DEBUG="eslint:*, eslintrc:*" npx eslint --config .eslintrc.js

參考： https ://eslint.org/docs/latest/user-guide/command-line-interface#--debug-example