[JS]debug using Chrome Dev Tools via VSCode

Chrome provides brilliant toolchain to develop JavaScript, Chrome Dev Tools. I usually connect to the debug console via inspect you can open it on the browser.

Meanwhile, the inspector is kind of heavy when you would like to open only console debug interface.

I started using the inspector via VSCode. I could open an arbitrary page in Chrome via VSCode. Then, I was able to get console logs in VSCode’s one area.

https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code

// launch.json file
    {
      "name": "Launch localhost recorder",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:4300/your/test/page",
      "webRoot": "${workspaceFolder}/wwwrecordroot"
    },

The load was pretty better than chrome inspector in the case. The situation was alleviated after fixing some issues though.

Anyway, chrome dev tool helped me so much. Awesome..