Edge Developer Tools just hit the Visual Studio Marketplace today! This tool allows developers to preview their ASP.NET and ASP.NET Core projects without having to leave Visual Studio. The tool provides more than just view functionality, changes made using the Edge Development Tools element feature will actually modify your source which is a huge boost to productivity.
In its current Preview state, the tool allows you to preview and edit your web application in real-time as you make changes to your CSS and elements in Visual Studio. The feature works the other way around too, edits made in the tool window will modify your source. See an example of the tool in action below.
As always being in Preview means features will come and go. As of now, some might find the tool to be lacking. For example, it does not yet support Blazor projects, however that support among other improvements appears to be coming soon.
This extension requires Visual Studio 2022 17.1+. You can download Visual Studio at Visual Studio downloads. After installing the extension, the following options should be set in Tools -> Options. To learn more head over to the Visual Studio Marketplace download page for this awesome extension.