Project IDX предлагает несколько различных способов отладки вашего приложения прямо из рабочей области. Веб-приложения и приложения Flutter предлагают Lighthouse и Chrome DevTools в предварительной веб-версии Chrome в вашем рабочем пространстве. Приложения Flutter предлагают предварительный просмотр для iOS, Android и веб-сайтов для выборочной проверки и тестирования вашего приложения во время написания кода. Встроенная консоль отладки поддерживает автоматическую отладку для большинства распространенных языков, а также пользовательскую отладку, которую вы можете определить в файле launch.json в своей рабочей области.
Предварительный просмотр вашего приложения
IDX включает предварительный просмотр приложений в рабочем пространстве для веб-приложений (Chrome и мобильный Safari) и приложений Flutter (iOS, Android, Chrome). Предварительные версии Android и Chrome поддерживают горячую перезагрузку и горячее обновление, а также предлагают полные возможности эмулятора. Симуляторы Safari и iOS предлагают визуальный и интерактивный предварительный просмотр на различных устройствах iOS и имитируют работу iOS для мобильных и веб-приложений.
Дополнительные сведения о предварительном просмотре IDX см. в разделе Предварительный просмотр вашего приложения .
Используйте Chrome DevTools для предварительного просмотра в Интернете (экспериментально)
Chrome DevTools поможет вам диагностировать проблемы в вашем приложении непосредственно из предварительной версии в Интернете. Вы можете получить доступ к Chrome DevTools на панели веб-предварительного просмотра IDX так же, как если бы вы открывали DevTools из браузера Chrome. 
Эта функция является экспериментальной, поскольку мы работаем над созданием идеального пользовательского опыта. Отправьте нам отзыв , чтобы помочь нам сделать его лучше.
Добавьте Chrome DevTools в рабочее пространство IDX:
- Откройте окно настроек , щелкнув значок шестеренки или нажав Ctrl + , (в Windows/Linux/ChromeOS) или Cmd + , (в MacOS).
- Найдите параметр IDX: Инструменты веб-разработчика и выберите Включить Chrome DevTools для предварительного просмотра в Интернете (требуется перезагрузка браузера) . Если вы используете файл
settings.json, вы также можете установить"IDX.webDevTools": true. - Обновите окно браузера и перезагрузите рабочее пространство IDX.
Откройте предварительный просмотр в Интернете в Project IDX. Откройте палитру команд ( Cmd+Shift+P на Mac или Ctrl+Shift+P в ChromeOS, Windows или Linux) и выберите Project IDX: Показать веб-предварительный просмотр .
Панель DevTools свернута в панели веб-предварительного просмотра. Щелкните панель DevTools, чтобы развернуть панель и использовать DevTools внутри панели веб-предварительного просмотра.
Используйте панель DevTools в предварительной веб-версии IDX так же, как при отладке приложения в браузере Chrome.
Запустите Lighthouse для предварительного просмотра в Интернете
Lighthouse проверяет ваше приложение на основе выбранных вами конкретных категорий аудита и возвращает отчет с выводами и предложениями. Вы можете запускать отчеты Lighthouse непосредственно из предварительной веб-версии в Project IDX.
Откройте предварительный просмотр в Интернете в Project IDX. Откройте палитру команд ( Cmd+Shift+P на Mac или Ctrl+Shift+P в ChromeOS, Windows или Linux) и выберите Project IDX: Показать веб-предварительный просмотр .
Щелкните значок проверки производительности на панели инструментов веб-предварительного просмотра.
На панели «Маяк» выберите нужные категории аудита. Вы можете выбирать из отчетов по аудиту производительности , доступности , соответствия передовым практикам , SEO и производительности прогрессивных веб-приложений . Нажмите «Страница анализа» , чтобы создать отчеты.Создание отчетов может занять несколько минут.
Как только отчеты появятся на панели Lighthouse, вы сможете просмотреть результаты для каждой категории аудита или переключаться между категориями аудита, щелкая оценку и название категории.
Используйте консоль отладки
Project IDX включает встроенную консоль отладки из Code OSS. Используйте эту консоль для отладки приложения с помощью готовых отладчиков для большинства распространенных языков программирования или добавьте расширение отладки из VSCode Marketplace .
Если вы хотите написать собственную отладку, добавьте файл launch.json в свою рабочую область.