Как в Firebase Studio использовать Gemini в Firebase

Gemini в Firebase , встроенный в Firebase Studio предлагает искусственный интеллект (ИИ) для оптимизации процесса кодирования — встроенный в редактор кода, через интерфейс командной строки (CLI) и чат. Gemini в Firebase может предлагать варианты кода, генерировать код, объяснять концепции кода, обновлять файлы проекта, выполнять команды терминала и интерпретировать вывод команд.

Без какой-либо настройки вы можете сразу начать использовать Gemini в Firebase :

• Общайтесь с Gemini в Firebase .
• Получите встроенную справку по Gemini в Firebase .
• Общайтесь с Gemini с помощью Gemini CLI .

Обратите внимание, что автодополнение кода и индексация кодовой базы включены по умолчанию . Узнайте, как настроить их параметры .

Gemini в Firebase доступен в режиме просмотра Code . Его можно использовать с приложениями, запускаемыми в Firebase Studio , импортируемыми в Firebase Studio и созданными с помощью App Prototyping agent .

Чат с Gemini в Firebase

Firebase Studio упрощает процессы разработки с помощью чата на базе искусственного интеллекта.

Важно: Gemini в Firebase может генерировать выходные данные, которые кажутся правдоподобными, но фактически неверны. Он может возвращать неточную информацию, не отражающую точку зрения Google. Перед использованием проверяйте все выходные данные Gemini и не используйте непроверенный сгенерированный код в рабочей среде. Не вводите в чат персональные данные (PII) или данные пользователей.

Начать чат

1. Откройте или создайте рабочее пространство в Firebase Studio .

   Примечание: Если вы используете App Prototyping agent в Prototyper view, click Switch to Code to open Code view.

2. Нажмите на Spark Gemini в нижней части рабочей области.

3. Начните общение с Близнецами .

4. (Необязательно) Отправьте мультимодальное сообщение в Gemini , нажав Прикрепите и выберите один из следующих вариантов:

   • Рисование: Используйте инструменты рисования, чтобы разработать предполагаемый дизайн, затем введите текст и нажмите « Отправить» .
   • Изображение: загрузите изображение, добавьте подсказку и нажмите « Отправить» .
   • Файл: выберите файл из своего рабочего пространства для использования в качестве контекста, добавьте подсказку, затем нажмите « Отправить» .
   Совет: чтобы добавить файл с локального компьютера в рабочее пространство, щелкните правой кнопкой мыши папку, в которую вы хотите загрузить файл, в Проводнике, затем щелкните Загрузить...

5. (Необязательно) Измените режим, который Gemini использует для ответа на запросы:

   • Спросите: создайте план. В этом режиме Gemini отвечает на вопросы, не предлагая изменений в коде.
   • Агент: Внесите изменения в приложение. В этом режиме Gemini предлагает изменения в приложение, но не применяет их без вашего подтверждения.
   • Агент (автоматический запуск): автоматическое применение изменений в вашем приложении. В этом режиме Gemini автоматически вносит изменения в код по вашим запросам, но по-прежнему будет запрашивать подтверждение для выполнения команд терминала.

6. (Необязательно) Добавьте свой собственный ключ API Gemini и выберите другую модель Gemini . Подробнее см. в статье «Принесите свой собственный ключ: используйте другие модели Gemini в чате» .

7. (Необязательно) Настройте Gemini в Firebase , изменив его настройки и добавив файлы правил ИИ. Подробнее .

В панели чата вы можете задавать вопросы Gemini и получать предложения по коду. В режиме агента Gemini может даже обновлять файлы конфигурации и код вашего проекта, а также выполнять команды терминала непосредственно в вашем рабочем пространстве. Gemini может спросить, может ли он выполнить для вас что-либо из следующего:

• Изменение файлов: Gemini может добавить функцию, исправить ошибку или провести рефакторинг кода. Когда Gemini предлагает изменения в файле, вы увидите два варианта:

  • Обновить файл: напрямую обновить файл с предложенными Gemini изменениями.
  • Просмотр изменений: откройте предлагаемые изменения в другом окне для просмотра перед их применением.
  Примечание: При желании Gemini в Firebase может автоматически применять предлагаемые изменения. В окне чата выберите режим «Агент (автоматический запуск)» в раскрывающемся списке режимов.

• Выполнение команд терминала: Gemini может выполнять такие команды, как установка зависимостей или запуск сервера разработки. Он может сам предлагать эти команды, или вы можете попросить Gemini выполнить их. После того, как Gemini предложит команду, появится кнопка «Выполнить команду терминала» . Нажмите её, чтобы выполнить команду в терминале Firebase Studio . Gemini выполнит команду и интерпретирует результаты в окне чата, а также поможет определить дальнейшие действия.

  Примечание: Для длительно выполняемых команд (например, для запуска сервера с помощью npm run dev ) появляется кнопка «Отсоединить» . Нажмите «Отсоединить» , чтобы разрешить команде продолжить выполнение в терминале и одновременно восстановить доступ к чату.

Выполняйте сложные задачи с помощью чата

Gemini в Firebase поможет вам выполнить сложные задачи разработки, такие как:

• Документирование вашего кода: Gemini может автоматически генерировать документацию в соответствующем формате для вашего кода, когда вы даете команду «Написать мою документацию».
• Написание тестовых случаев: Gemini может автоматически обновлять и генерировать модульные тесты. Если вы попросите Gemini «написать мои тесты», Gemini найдёт существующий файл модульного теста и добавит в него недостающие тесты. Если существующие файлы модульного теста не будут найдены, он создаст модульный тест, который вы сможете проверить, перебрать и принять. Вы даже можете попросить Gemini запустить его!
• Управление зависимостями: вы можете попросить Gemini обнаружить отсутствующие зависимости в вашем коде и устранить их непосредственно из интерфейса чата.
• Рефакторинг кода: вы можете попросить Gemini выполнить рефакторинг кода от вашего имени, например, извлечь функцию или переименовать переменную в нескольких файлах. Gemini сгенерирует список предлагаемых изменений, и после их проверки и применения вы можете попросить Gemini обновить код и выполнить модульные тесты для проверки рефакторинга и обеспечения успешного прохождения тестов.
• Создание и запуск рабочих процессов Docker: если вы включили Docker в своей рабочей области , вы можете быстро контейнеризировать своё приложение, попросив Gemini создать Dockerfile (например, «Создать Dockerfile для моего приложения»). После того, как Gemini сгенерирует Dockerfile, он сможет собрать и запустить контейнер.
• Запуск модульных и интеграционных тестов: вы можете инициировать выполнение теста, попросив Gemini запустить определённые наборы тестов (например, «Запустить мои модульные тесты» или «Запустить интеграционные тесты»). Gemini выполнит соответствующую команду для вашего проекта (например, npm test или определённую команду исполнителя тестов) и отобразит результаты теста в интерфейсе чата.

Используйте слэш-команды в чате

Вы можете управлять выводом Gemini в чате Firebase с помощью слэш-команд — сокращенных команд, начинающихся с косой черты ( / ). Введите / в начале строки чата Gemini и выберите нужное действие из списка доступных слэш-команд.

Для получения полного списка слэш-команд введите / в чате.

Например, /generate за которым следует краткое описание того, что вам нужно, — это ярлык для генерации фрагментов кода.

Вот пример результата выполнения /generate css for a black background :

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Управление историей чата

Вы можете разделить темы в чатах Gemini в Firebase , создав отдельные ветки. Затем вы сможете вернуться к предыдущим веткам по выбранной теме.

Совет: выбор предыдущей ветки чата особенно полезен после сброса настроек рабочего пространства или начала нового сеанса: вы можете быстро продолжить чат с того места, на котором остановились.

Чтобы начать новый чат:

1. Нажмите «Новый чат» в заголовке чата.

2. Введите запрос.

Чтобы переключиться на другую ветку чата:

1. Нажмите «Недавние чаты» в заголовке чата.

2. Выберите ветку чата, к которой вы хотите получить доступ.

3. Продолжайте эту ветку чата или вернитесь к предыдущим беседам с Gemini .

Чтобы удалить ветку чата:

1. Выберите ветку чата, которую вы хотите удалить, из списка недавних чатов в строке заголовка чата.

2. Нажмите «Удалить чат» в заголовке чата. Подтвердите удаление переписки из истории чата.

Просмотр ссылок на код в чате

Чтобы помочь вам проверить предложения по коду, Firebase Studio предоставляет информацию об исходном коде и связанных лицензиях. Вы можете просмотреть полный журнал ссылок на код в окне чата, щёлкнув по значку журнала лицензий в заголовке чата.

Дополнительную информацию о цитировании кода Google см. в разделе Generative Code Assistance .

Получите встроенную справку от Gemini в Firebase

Firebase Studio повышает вашу производительность с помощью подсказок кода от Gemini на основе искусственного интеллекта.

Важно: Gemini в Firebase может генерировать выходные данные, которые кажутся правдоподобными, но фактически неверны. Он может возвращать неточную информацию, не отражающую точку зрения Google. Перед использованием проверяйте все выходные данные Gemini и не используйте непроверенный сгенерированный код в рабочей среде. Не вводите в чат персональные данные (PII) или данные пользователей.

Обратите внимание, что автодополнение кода включено по умолчанию . Узнайте, как настроить его параметры .

Получайте предложения по коду от Gemini в Firebase

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

1. Откройте рабочее пространство в Firebase Studio .

2. Перейдите к файлу или строке кода, по которым вам нужна помощь, и нажмите Ctrl+I ( Cmd+I в MacOS).

3. Введите описание того, что вам нужно, и Gemini сгенерирует предложение. Вы также можете использовать действия в качестве быстрых команд для управления предложениями. Например, введите /fixError , чтобы исправить ошибки во встроенном коде.

4. Выберите любой из следующих вариантов:

   • Чтобы сохранить сгенерированный код, нажмите Принять .
   • Чтобы вставить предложение в другое место или переместить его в новый файл, выберите соответствующую опцию в раскрывающемся меню на кнопке «Отменить» .
   • Чтобы создать новое предложение, нажмите кнопку «Регенерировать» .
   • Чтобы полностью удалить предложение, нажмите «Отменить» .

5. (Необязательно) Настройте Gemini в Firebase , изменив его настройки и добавив файлы правил ИИ. Подробнее .

Совет: вы также можете использовать чат , чтобы на естественном языке давать Gemini указания выполнять действия непосредственно в вашем рабочем пространстве от вашего имени, например обновлять код и запускать команды.

Просмотр встроенных команд Gemini в Firebase

1. Чтобы просмотреть встроенные команды Gemini для определенного кода, выберите и щелкните правой кнопкой мыши код, по которому вы хотите получить справку.

2. Выберите Spark Gemini в меню, а затем выберите действие, которое хотите выполнить.

Используйте Gemini — предлагаемое автодополнение кода

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

Имейте в виду, что автодополнение кода включено по умолчанию .

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

• Если вы используете файл settings.json , задайте для параметра "IDX.aI.enableInlineCompletion" значение true или false .

• Чтобы обновить настройки в рабочей области Firebase Studio :

  1. Щелкните Управление (расположено в левом нижнем углу рабочего пространства), затем выберите «Настройки» или нажмите Ctrl+, ( Cmd+, на Mac).

     Если вы используете App Prototyping agent в Prototyper view, click Switch to Code to open Code view.

  2. Выберите вкладку «Рабочая область» , затем найдите параметр Firebase Studio > AI > Включить встроенное автодополнение .

  3. Чтобы отключить автодополнение кода, снимите флажок Включить автодополнение кода по мере ввода .

Совет: Чтобы сохранить этот параметр во всех рабочих пространствах, настройте его на вкладке «Пользователь» . Это обеспечит применение настроек ко всем рабочим пространствам, к которым вы получаете доступ с помощью своей учётной записи. Если вы предоставляете общий доступ к своему рабочему пространству, вам всё равно потребуется настроить параметр «Рабочее пространство».

Общайтесь с Gemini с помощью Gemini CLI

Gemini CLI — это ИИ-агент с открытым исходным кодом, который позволяет использовать возможности моделей Gemini от Google прямо в вашем терминале. Gemini CLI выполняет задачи, аналогичные Gemini в Firebase , но вам может быть удобнее использовать Gemini CLI если вы разработчик, проводящий много времени в терминале для таких задач, как генерация кода, отладка, выполнение команд или управление файлами проекта.

Начните работу с Gemini CLI

Чтобы получить доступ к Gemini CLI в Firebase Studio :

1. Переключиться в режим просмотра кода : если вы работаете в Prototyper mode, Switch to Code to open Code view.

2. Доступ к терминалу : Откройте меню > Терминал > Новый терминал .

3. Откройте Gemini CLI : в терминале введите следующую команду:

   gemini
   

   Примечание: Если ваше рабочее пространство Firebase Studio было создано до 9 июля 2025 года, Gemini CLI не предустановлен. Если команда gemini не найдена, установите Gemini CLI с помощью команды: npm install -g @google/gemini_cli

4. Настройка : выберите цветовую тему с помощью клавиш со стрелками на клавиатуре, затем нажмите Enter .

5. Аутентификация : при необходимости выберите метод аутентификации. Подробнее об аутентификации см. в документации .

Важно: если в вашем файле .env уже есть ключ API Gemini (введенный вами самостоятельно или сгенерированный автоматически с помощью App Prototyping agent ), этот шаг может быть не виден. Однако для получения бесплатной лицензии Gemini Code Assist с разрешением на 60 запросов модели в минуту и 1000 запросов в день необходимо войти через Google . У этого метода аутентификации есть известная проблема , которая мешает ему работать должным образом. Если вы решите использовать ключ API Gemini , учитывайте ограничения по скорости, связанные с вашим ключом, чтобы избежать непредвиденных счетов или потери функциональности. Чтобы изменить метод аутентификации в будущем, используйте команду /auth в Gemini CLI.

В будущем для доступа к Gemini CLI вам достаточно будет ввести gemini в терминале.

Кроме того, вы можете запустить Gemini CLI в неинтерактивном режиме, что удобно для написания скриптов и автоматизации. В этом режиме Gemini CLI автоматически завершает работу после выполнения введённой команды. Чтобы использовать этот режим, используйте флаг --prompt или -p . Например:

gemini -p "Create a markdown file that explains my app's architecture"

Использование команд с Gemini CLI

Вы можете обратиться в Gemini CLI , чтобы задать вопросы или подать заявку. Вы можете задать:

• explain [file_name.js] : если вы столкнулись с незнакомым кодом, используйте эту команду, чтобы запросить объяснение. Просто замените [file_name.js] на соответствующий путь или вставьте код непосредственно в строку запроса.
• refactor [code_snippet] : Улучшите структуру или эффективность своего кода, предложив Gemini предложить улучшения рефакторинга.
• debug "Error: Module not found: 'firebase-admin'" : при возникновении ошибок отправьте сообщение об ошибке в Gemini для получения информации и потенциальных решений.
• summarize "Key features of Firebase Realtime Database " : Gemini может обеспечить быстрое исследование и краткое обобщение контента.

Он также поддерживает несколько встроенных команд, которые помогут вам управлять сеансом, настраивать интерфейс и контролировать его поведение, например:

• /help : Введите эту команду, чтобы просмотреть полный список доступных команд и параметров, что послужит отличной отправной точкой для изучения.
• /chat : Сохранение и возобновление истории бесед для создания разветвленных бесед или возобновления предыдущего состояния из более позднего сеанса.
• /tools : Отображение списка инструментов, доступных в Gemini CLI .
• /restore : восстанавливает файлы проекта в состояние, в котором они были непосредственно перед запуском инструмента. Это особенно полезно для отмены изменений, внесённых инструментом.

Полный список команд можно найти в документации Gemini CLI .