The new debugger can be used without having to install any extensions in three ways:
- Pressing F5 (Start Debugging)
- Activating the debug icon in the menu bar and selecting "Run and debug"
- Opening the Visual Studio Code command palette and running the "Debug: Open Link command"
Those choosing to debug with Edge will see a new inspect button that can be clicked to install and launch the Microsoft Edge Tools for VS Code extension in order to be able to do things like inspect the DOM, change CSS styling and see network requests of a project running in the browser -- all from within the VS Code instance. That installation only needs to be done once.
"As a bonus, you can also use the Debug Console in the editor to interact with the document in the browser, much like you would with the Console in the browser developer tools," Microsoft said. "You have full access to the window object and can use the Console Utilities API."
David Ramel is an editor and writer for Converge360.