How to debug web projects using the browser developer tools inside Visual Studio code

Опубликовано: 04 Октябрь 2024
на канале: Christian Heilmann
548
16

With the Microsoft Edge Devtools for Visual Studio Code extension https://aka.ms/devtools-for-code you can use the visual browser tools to edit the DOM, tweak CSS and inspect the Network right inside the editor.
In this walkthrough I show how activating the links to CSS files connects back to the VS Code editor, how to get console messages and how to start a server right in the project folder.