Angular & debug

身為一個最近越來越常在搞 debug 的人而言 (why 呢，我也不曉得…)，使用 angular 是一定要 debug 的！

然而常常因為專案的 npm 版本太舊，使用 WebStorm 時無法 debug…

ref: debugging - Unable to debug Angular with WebStorm - StackOverflow
裡面提到當 Node.js 版本 <= 16 時無法 debug

看到這個訊息後悲傷的改找 chrome 開 f12 慢慢 debug…

直到最近某天因為 WebStorm 太大隻了改開 vscode，意外發現 debug 的新方法！
以下就來點快樂 debug 吧：

1. 使用 vscode 開啟專案
2. 開啟專案內的 package.json 檔案
3. 
   
   
4. 有看到這顆小小的 [Debug] 嗎？給他用力按下去！
5. vscode 會自動開啟終端機開跑 debug！
6. 快樂 debug 人生

…雖說如此，但是 debug 好累啊…
但總算有好辦法處理了…

Written with StackEdit.