Как выполнить отладку приложения в Firebase Studio
Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

Firebase Studio предлагает несколько различных способов отладки вашего приложения прямо из вашего рабочего пространства. Для веб-приложений и приложений Flutter веб-консоль и Lighthouse напрямую интегрированы в рабочее пространство. Приложения Flutter предлагают предварительные просмотры Android и веб-приложений для выборочной проверки и тестирования вашего приложения во время написания кода.

Более богатая отладка на основе точек останова также доступна для большинства распространенных языков через встроенную консоль отладки и расширяемую расширениями отладчика из OpenVSX . Для отладки на основе точек останова вашего кода веб-интерфейса (например, JavaScript) вы можете продолжать использовать встроенные в браузер инструменты разработчика, например DevTools Chrome .

Предварительный просмотр вашего приложения

Firebase Studio включает предварительные просмотры приложений в рабочей области для веб-приложений (Chrome) и приложений Flutter (Android, Chrome). Предварительные просмотры Android и Chrome поддерживают горячую перезагрузку и горячее обновление, а также предлагают полные возможности эмулятора.

Дополнительную информацию о предварительных версиях Firebase Studio см. в разделе Предварительный просмотр приложения .

Используйте интегрированную веб-консоль для веб-просмотра

Свернутая панель консоли в веб-версии Firebase Studio предварительный просмотр

Интегрированная веб-консоль помогает вам диагностировать проблемы в вашем приложении прямо из веб-превью. Вы можете получить доступ к веб-консоли на панели веб-превью Firebase Studio , развернув панель внизу.

Обратите внимание, что эта функция экспериментальная и не включена по умолчанию. Чтобы включить ее, выполните следующие действия и поделитесь своим отзывом после того, как попробуете ее:

Добавьте веб-консоль в рабочую область Firebase Studio :
1. Откройте «Настройки» , щелкнув или нажав Ctrl + , (в Windows/Linux/ChromeOS) или Cmd + , (в MacOS).
2. Найдите настройку Firebase Studio : Web Dev Tools и включите ее. Если вы редактируете файл settings.json напрямую, вы можете добавить "IDX.webDevTools": true .
3. Обновите окно браузера, чтобы перезагрузить рабочее пространство Firebase Studio .
Откройте веб-предварительный просмотр в Firebase Studio : откройте палитру команд ( Cmd+Shift+P на Mac или Ctrl+Shift+P на ChromeOS, Windows или Linux) и выберите Firebase Studio : Показать веб-предварительный просмотр .
Панель веб-консоли по умолчанию свернута в панели веб-превью. Щелкните панель или перетащите ее вверх, чтобы развернуть.

Панель веб-консоли в веб-версии предварительного просмотра Firebase Studio работает аналогично другим консолям, например той, которая доступна в Chrome DevTools :

Ошибки JavaScript и операторы console.log будут отображаться там по мере использования вашего приложения.
- При возникновении ошибок и предупреждений вы также можете получить помощь от Gemini , нажав кнопку « Понять эту ошибку» справа от сообщения об ошибке.
Вы можете оценить произвольный код JavaScript в контексте вашего веб-предварительного просмотра, используя строку подсказок в нижней части.

Запустите Lighthouse для веб-превью

Lighthouse проверяет ваше приложение на основе выбранных вами категорий аудита и возвращает отчет с выводами и предложениями. Вы можете запускать отчеты Lighthouse непосредственно из веб-превью в Firebase Studio .

Откройте веб-предварительный просмотр в Firebase Studio : откройте палитру команд ( Cmd+Shift+P на Mac или Ctrl+Shift+P на ChromeOS, Windows или Linux) и выберите Firebase Studio : Показать веб-предварительный просмотр .
Нажмите на Запустите значок Lighthouse на панели инструментов веб-предварительного просмотра.
На панели Lighthouse выберите нужные категории аудита. Вы можете выбрать отчеты по аудиту производительности , доступности , соответствия передовым практикам , SEO и производительности Progressive Web App . Нажмите кнопку Анализировать страницу , чтобы сгенерировать отчеты.
Создание отчетов может занять несколько минут.
После того, как отчеты появятся на панели Lighthouse, вы можете просмотреть результаты по каждой категории аудита или переключаться между категориями аудита, нажимая на оценку и название категории.

Используйте консоль отладки

Firebase Studio включает встроенную консоль отладки из Code OSS. Используйте эту консоль для отладки вашего приложения с помощью готовых отладчиков для большинства распространенных языков программирования или добавьте расширение отладки из OpenVSX .

Чтобы настроить отладку, вы также можете добавить файл .vscode/launch.json в рабочую область и указать пользовательские конфигурации запуска. Узнайте больше об использовании файлов конфигурации запуска для настройки отладки в Visual Studio Code debug configuration .

Отладка с помощью Gemini

Вы можете использовать Gemini в Firebase для отладки кода с помощью чата в рабочей области Code или App Prototyping agent .

Хотя Gemini может писать код для вас, иногда он также может выдавать ошибки. Когда он обнаруживает ошибку, он попытается ее исправить. Если вы обнаружите, что он не может решить проблему, учитывая сообщение об ошибке, вы можете попробовать некоторые из следующих методов:

Опишите проблему: в интерфейсе чата опишите проблему, с которой вы столкнулись, как можно более четко и кратко. Хотя Gemini может иметь доступ к контексту, например сообщениям об ошибках и журналам, он может не понимать весь контекст. Описание поведения вместе с сообщением об ошибке может помочь Gemini быстрее исправить ошибки.
Задавайте конкретные вопросы: Не бойтесь задавать Gemini прямые вопросы о вашем коде. Например, «Что может вызывать исключение нулевого указателя в этой функции?» или «Как предотвратить это состояние гонки?»
Разбивайте сложные проблемы: Если вы имеете дело со сложной проблемой, разбейте ее на более мелкие, более управляемые части. Попросите Gemini помочь вам отладить каждую часть по отдельности и продумать проблемы шаг за шагом.
Используйте ограждения кода: При обмене фрагментами кода используйте ограждения кода, чтобы гарантировать, что код правильно отформатирован. Это облегчит Gemini чтение и понимание вашего кода.
Повторяйте и уточняйте: Gemini не всегда может дать идеальное решение с первой попытки. Просмотрите ответы, задайте уточняющие вопросы и предоставьте дополнительную информацию по мере необходимости.
Избегайте циклов подсказок: Если Близнецы застряли в цикле или не могут ответить на ваш вопрос, попробуйте перефразировать подсказку или предоставить дополнительный контекст. Иногда простая перефразировка вопроса может помочь Близнецам понять, о чем вы спрашиваете.
Если перефразирование подсказки не помогло разрешить цикл, попробуйте следующие методы:
- Начните новый чат: Если вы используете Gemini в чате Firebase в вашем рабочем пространстве Code , начните новый сеанс чата, чтобы сбросить контекст Gemini . Это может помочь избавиться от любых заблуждений или предположений, которые Gemini мог сделать в предыдущем разговоре.
- Приведите контрпримеры: если Близнецы делают неверные предположения, приведите контрпримеры, чтобы помочь им понять правильное поведение.

Как выполнить отладку приложения в Firebase Studio Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.