День 1130. #ЧтоНовенького
Microsoft Выпустили в Превью Инструменты Разработчика Edge для Visual Studio
Это расширение для Visual Studio 2022 позволяет разработчикам просматривать проекты ASP.NET и ASP.NET Core. Оно дополняет аналогичный инструмент для Visual Studio Code, который доступен уже много лет и установлен более 460 000 раз.

Помимо предварительного просмотра вашего веб-приложения, вы можете использовать инструмент Edge Developer Tools для изменения CSS. Изменения будут автоматически применены к вашим исходным файлам.

Как показано в этой анимации, инструмент представляет кнопку предварительного просмотра в нижней левой части редактора, при нажатии на которую создаётся страница и отображается в окне инструмента.

Изменения CSS можно вносить на вкладке Elements и автоматически применять к исходным файлам. Вкладка Network позволяет разработчикам видеть веб-запросы, сделанные при обновлении страницы.

В нынешней превью редакции не хватает некоторых функций, включая поддержку Blazor, которая, как говорят, появится в ближайшее время.
Помимо этого, вот другие известные проблемы:
- Изменения CSS требуют сохранения файла
При изменении CSS обновления не будут применяться по мере ввода, вам нужно будет сохранить файл, чтобы изменения были перенесены в окно предварительного просмотра.
- Сброс прокрутки после внесения изменений CSS в инструментах разработчика Edge
При редактировании CSS с помощью инструментов разработчика Edge, если вы изменяете исходный код файла CSS, который в данный момент открыт в редакторе Visual Studio, редактор открутит файл вверх после внесения изменений в CSS.
- Предупреждение об окончаниях строк
Если вы вносите изменения в файл CSS с помощью инструментов Edge, при следующем открытии этого файла CSS вы можете получить предупреждение о несовместимых окончаниях строк.

Инструмент доступен для Visual Studio 2022 17.1 или более поздней версии.

https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.VisualStudioEdgeDevTools

Источник: https://visualstudiomagazine.com/articles/2022/03/02/edge-tools-visual-studio.aspx