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

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

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

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

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

Общайтесь с Gemini в Firebase

Firebase Studio упрощает рабочие процессы разработки благодаря чату с поддержкой искусственного интеллекта.

Начните общение в чате

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

  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 может выполнять такие команды, как установка зависимостей или запуск сервера разработки. Он может предложить эти команды самостоятельно, или вы можете попросить Gemini выполнить их. После того, как Gemini предложит команду, появится кнопка « Выполнить команду терминала» . Нажмите на нее, чтобы выполнить команду в терминале Firebase Studio . Gemini выполнит команду и интерпретирует результаты в окне чата, а также поможет определить дальнейшие шаги.

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

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 , вы можете ссылаться на конкретные файлы и папки, используя символ @ .

Например, Explain what's contained within the @src/ai directory.

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

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

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

  1. Нажмите кнопку «Новый чат» в верхней панели чата.

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

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

  1. Нажмите «Недавние чаты» в верхней панели чата.

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

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

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

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

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

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

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

Значок журнала лицензий в заголовке чата панель

Чтобы узнать больше о цитировании кода Google, см. раздел «Генеративная помощь в кодировании» .

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

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

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

Получайте подсказки по коду от Gemini в Firebase

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

  1. Откройте рабочую область в Firebase Studio .

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

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

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

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

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

Отображение 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 > Enable Inline Completion .

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

Общайтесь с Gemini , используя Gemini CLI

Gemini CLI — это агент искусственного интеллекта с открытым исходным кодом, который переносит возможности моделей Google Gemini непосредственно в ваш терминал. 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

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

  5. Аутентификация : Выберите метод аутентификации. Чтобы получить бесплатную лицензию Gemini Code Assist с лимитом в 60 запросов к моделям в минуту и ​​1000 запросов в день, выберите «Вход через Google». Для получения дополнительной информации об аутентификации ознакомьтесь с документацией .

В будущем для доступа к 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 .