JavaScript debugging is now integrated with VS code – Visual Studio Magazine



JavaScript debugging now integrated with VS code

Microsoft has created a built-in JavaScript debugger for Visual Studio Code, the popular, open-source, cross-platform code editor.

The company’s Edge Browser development team recently announced that JavaScript developers in VS Code can now uninstall Debugger for Chrome and / or Debugger for Edge extensions for a new, streamlined debugging experience.

This built-in experience comes through vscode-js-debug, a GitHub project described as a JavaScript debugger based on the debug adapter protocol that works with the Node.js, Chrome, Edge, WebView2, and VS Code extensions. This has been the default JavaScript debugger in Visual Studio Code since version 1.46 (we are now at version 1.58) and is even being deployed in the Visual Studio IDE.

The new debugger can be used without having to install extensions in three ways:

  • Press F5 (Start debugging)
  • Activate the debug icon in the menu bar and select “Run and debug”
  • Open the Visual Studio Code command palette and run the “Debug: Open Link” command
Edge Developer Tools in VS Code
[Click on image for larger view.] Edge Developer Tools in VS Code (source: Microsoft).

Those who choose to debug with Edge will see a new inspect button to click to install and launch the Microsoft Edge Tools for VS Code extension so they can do things like inspect the DOM, change CSS styling, and see network requests. from a project running in the browser – all from within the VS Code instance. This 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 widget and can use the Console Utilities API.”

About the Author

David Ramel is editor and writer for Converge360.

Source link


About Author

Leave A Reply