
Visual Studio Code now opens a browser window for you and you can see the console.log message from the demo code in the Debug Console. Step 5: Select the “Run and Debug” icon and press the “Run and Debug” button Step 3: Select New File, call it index.html Step 2: Start Visual Studio Code, choose “open” – select that folder Step 1: Create a folder and call it consoledebug And it even works without a local server. In the video I use a project I have open with a launch.json file already defined, which means it opens the correct URL for you when you start debugging.

I just published a “TikTok” style video on the official Visual Studio Code channel explaining this and – after lots of criticism for the quality of the video (lads, this is on purpose!) – people had more questions, so here goes.


Using the new in-built JavaScript debugger in Visual Studio code you can use the browser developer tools Console right inside the editor.
