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

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

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

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

• Пообщайтесь с 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. (Необязательно) Добавьте свой собственный ключ API Gemini и выберите другую модель Gemini . Узнайте больше на Bring your own key: Use other Gemini models in chat .

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

В панели чата вы можете задавать вопросы 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 , начав разные ветки. Затем вы можете вернуться к более ранним веткам на основе темы.

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

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

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

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

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

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

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

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

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

2. Нажмите Удалить чат в строке заголовка чата. Подтвердите, что вы хотите удалить чат-нить из истории чата.

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

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

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

Получите встроенную помощь от 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 помогает вам, изменив его настройки и добавив файлы правил AI. Узнать больше .

Просмотр встроенных команд 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 в Firebase в Firebase Studio предлагает помощь ИИ для оптимизации вашего рабочего процесса кодирования — встроенную в редактор кода и с помощью чата. Gemini в Firebase может предоставлять предложения по коду, генерировать код, объяснять концепции кода, обновлять файлы проекта, запускать команды терминала и интерпретировать вывод команд.

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

• Пообщайтесь с 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. (Необязательно) Добавьте свой собственный ключ API Gemini и выберите другую модель Gemini . Узнайте больше на Bring your own key: Use other Gemini models in chat .

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

В панели чата вы можете задавать вопросы 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 , начав разные ветки. Затем вы можете вернуться к более ранним веткам на основе темы.

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

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

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

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

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

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

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

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

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

2. Нажмите Удалить чат в строке заголовка чата. Подтвердите, что вы хотите удалить чат-нить из истории чата.

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

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

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

Получите встроенную помощь от 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 помогает вам, изменив его настройки и добавив файлы правил AI. Узнать больше .

Просмотр встроенных команд 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. Чтобы отключить автодополнение кода, снимите флажок Включить автодополнение кода по мере ввода .