| title | Get started using the DevTools extension for Visual Studio Code |
|---|---|
| description | Step-by-step tutorial about opening and closing DevTools and using it to modify CSS and debug JavaScript. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | conceptual |
| ms.service | microsoft-edge |
| ms.date | 12/06/2022 |
These tutorials walk you through several ways of opening and closing DevTools, and also get you started with modifying CSS and debugging JavaScript.
-
Right-click an
.htmlfile for Demo To Do in the Explorer of Visual Studio Code, without needing to run a web server. See Get started by right-clicking an HTML file. -
Click the Launch Instance button, to experiment with the demo Success webpage. See Get started by clicking the Launch Instance button.
-
Click the Launch Project button, to run Demo To Do on a localhost web server and store the URL for the webpage in
launch.json. See Get started by clicking the Launch Project button.
GitHub:
- demo-to-do - the demo web app running on the
github.ioserver. - Source code for demo-to-do
- MicrosoftEdge/Demos repo