In the Microsoft Edge Tools: Targets panel, select the open a folder link. In Visual Studio Code, select File > New Window. To change the default page to your project's website: To debug your project, you might want to change the default page that opens in Microsoft Edge in Visual Studio Code. In the Microsoft Edge address bar, go to the URL of the project that you want to debug.Ĭhanging the default page to your project website Also, the Edge DevTools tab and panel is displayed in Visual Studio Code, containing the Welcome, Elements, and Network tools. Microsoft Edge opens, displaying a default page with guidance for more information. On the Microsoft Edge Tools: Targets panel, select Launch Instance. On the Activity Bar, select Microsoft Edge Tools. To open a browser instance from Visual Studio Code: Use the URL parameter inside the launch.json file to tell Visual Studio Code which URL to open.
Opening Microsoft Edge DevTools within Visual Studio Code
To update the extension manually, see Update an extension manually. Microsoft Visual Studio Code updates extensions automatically. Or, you can download the Microsoft Edge DevTools extension from Visual Studio Marketplace.
To install the extension from within Visual Studio Code, see The Microsoft Edge DevTools extension for Visual Studio Code. Installing the Microsoft Edge DevTools extension This article uses the name "the Microsoft Edge DevTools extension", except for UI text.