Visual Studio Code 1.112: отладка веб-приложений во встроенном браузере – важное обновление для разработчиков

Microsoft выпустила обновление Visual Studio Code 1.112, которое стало одним из самых заметных релизов для веб-разработчиков за последнее время. После перехода на еженедельный цикл обновлений (предыдущая версия 1.111 вышла на прошлой неделе) новые функции и исправления появляются значительно быстрее, и версия 1.112 — яркое тому подтверждение.

VS Code уже давно считается одним из лучших редакторов кода и IDE для веб-разработки, предлагая широкую поддержку технологий – от JavaScript до контейнеров Docker. Однако до сих пор полноценная отладка веб-приложений требовала открытия отдельного браузера. Теперь это ограничение устранено.

Отладка веб-приложений прямо в VS Code

Главное нововведение – отладка веб-приложений во встроенном браузере VS Code. Теперь можно открыть веб-приложение (например, локальный сервер localhost) прямо в редакторе, поставить точки останова, отслеживать выполнение кода и анализировать переменные — всё внутри VS Code.

Это заметно упрощает рабочий процесс: разработчикам больше не нужно постоянно переключаться между редактором и браузером.

Microsoft отмечает, что был добавлен новый тип отладки editor-browser, который поддерживает сценарии Launch и Attach. При этом большинство параметров конфигурации, используемых для Chrome и Edge, остаются совместимыми – зачастую достаточно просто изменить тип в файле launch.json. Подробнее о работе функции можно узнать в официальной документации.

Тем не менее, полноценный браузер всё ещё может потребоваться для финального тестирования, особенно при работе с API, которые недоступны во встроенном окружении VS Code.

Полезные функции встроенного браузера

Встроенный браузер получил ряд дополнительных улучшений, делающих его более удобным для повседневной работы:

• Собственный уровень масштабирования (zoom), независимый от интерфейса VS Code
• Контекстное меню с привычными функциями: копирование, вставка, открытие ссылок в новой вкладке и инспекция элементов

Новые возможности Copilot и разработки с помощью ИИ

Помимо улучшений для веб-разработчиков, обновление 1.112 продолжает развивать ИИ-функции:

• В окне чата теперь отображаются изменения без коммита перед передачей задачи в Copilot CLI.
• Пути к файлам в выводе Copilot CLI стали кликабельными.
• Появились уровни разрешений для Copilot CLI, включая более автономный режим работы.
• Агенты теперь умеют работать с изображениями и бинарными файлами, что полезно, например, при анализе скриншотов.

Эти изменения делают Copilot и встроенных агентов более самостоятельными и удобными для автоматизации задач.

Полный список изменений доступен на официальном сайте Visual Studio Code.

Как обновиться

Новая версия Visual Studio Code доступна для Windows, macOS и Linux.

Скачать Visual Studio Code (VS Code)

Если редактор уже установлен, выполните обновление через меню:

• Справка > Проверить наличие обновлений (Windows и Linux)
• Code > Проверить наличие обновлений (macOS)