Как перейти с Firebase Studio на Antigravity

1. Введение

В этом практическом занятии вы узнаете, как перенести существующие рабочие пространства в Google Antigravity — IDE, ориентированную на код и использующую агентный подход. Вот 1-минутное видео, в котором описаны шаги, которые мы будем выполнять в этом занятии.

2. Установите Antigravity IDE.

Antigravity — это разработанная Google среда разработки, ориентированная на код и использующая агентный подход. В этой лабораторной работе Antigravity используется для автоматизированного преобразования проектов.

  1. Перейдите по ссылке antigravity.google .
  2. Загрузите установочный файл для вашей операционной системы (macOS, Windows или Linux).
  3. Запустите установщик и следуйте инструкциям на экране.
  4. Откройте Antigravity , чтобы убедиться в его корректной работе.

3. Установите Node.js

Antigravity и Firebase CLI используют Node.js. Убедитесь, что у вас установлена ​​версия 20 или выше.

  1. Загрузите LTS- версию Node.js с сайта nodejs.org .
  2. Запустите установщик и примите настройки по умолчанию.
  3. Откройте терминал и выполните команду node --version , чтобы убедиться, что версия 20.x или выше.

4. Установите Firebase CLI.

Firebase CLI позволяет развертывать приложение из командной строки.

  1. В терминале выполните следующую команду для глобальной установки CLI: 
    npm install -g firebase-tools
  2. Если в macOS или Linux потребуется запросить разрешения, возможно, вам потребуется выполнить следующую команду: 
    sudo npm install -g firebase-tools
  3. Проверьте установку:
    firebase --version
    Убедитесь, что версия 15.10.0 или выше.

5. Экспортируйте свой проект из Firebase Studio.

  1. Откройте свою рабочую область в Firebase Studio .
  2. Нажмите кнопку « Переместить сейчас» в верхней части рабочей области.
  3. Следуйте инструкциям на экране, чтобы заархивировать и загрузить файлы проекта.
    • Примечание: Если окно не появляется, проверьте адресную строку браузера на наличие блокировщиков всплывающих окон.
  4. Распакуйте загруженный ZIP-архив в локальную директорию.

6. Инициализируйте ваше приложение в Antigravity.

  1. Откройте извлеченную папку в Antigravity .
  2. В панели «Агент» выберите модель Gemini Flash .
  3. Введите следующую подсказку: 
    @fbs-to-agy-export
  4. Следуйте указаниям агента и оказывайте помощь, если это потребуется, для завершения преобразования проекта.

7. Просмотрите приложение локально.

  1. Перейдите в меню «Запуск и отладка» на левой боковой панели.
  2. Нажмите кнопку «Воспроизвести» , чтобы запустить локальный сервер разработки.
  3. Следуйте инструкциям в терминале, чтобы просмотреть свою заявку.

8. Опубликуйте свое приложение

  1. Откройте панель чата агента .
  2. Введите следующую подсказку: 
    Publish my app
  3. Когда появится запрос на выполнение firebase deploy , выберите `Yes` .
  4. Агент либо предоставит ссылку на ваш существующий URL-адрес хостинга приложений, либо поможет вам выполнить новую настройку.

9. Заключение

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