Visual Studio Code overview
To acquire any of the extensions highlighted below, navigate to Extensions (select
X on Windows/Linux or
X on macOS) in Visual Studio Code.
Search the Marketplace for the specific extension and choose Install.
Debugger for Microsoft Edge
Using the Debugger tool, you may launch or attach to both Microsoft Edge (EdgeHTML) and Microsoft Edge (Chromium). For a walkthrough of debugging Microsoft Edge from Visual Studio Code and sample
launch.json configurations, navigate to Debugger For Microsoft Edge Visual Studio Code Extension. Choose the following image to see the extension in action.
Microsoft Edge Tools for Visual Studio Code
With the Microsoft Edge Tools for Visual Studio Code Visual Studio Code extension, use the Elements tool of the Microsoft Edge browser within Visual Studio Code. Use it for the following actions.
- Attach to an instance or launch an instance of Microsoft Edge.
- Display the runtime HTML structure.
- Update the layout.
- Fix styling issues.
For more information, navigate to Microsoft Edge Tools for Visual Studio Code Visual Studio Code extension.
Use webhint, a customizable linting tool, to improve the following functionality of your site.
- Cross-browser compatibility
- PWA compatibility
It checks your code for coding practices and common errors. The webhint open-source project, initially developed by the Microsoft Edge team, is now part of the OpenJS Foundation. The Microsoft Edge team continues to contribute to webhint alongside web developers in the community.
For more information, navigate to How to use webhint in Visual Studio Code.