О рабочих областях в Firebase Studio

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

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

Создайте рабочее пространство

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

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

Чтобы создать новое рабочее пространство:

Дублирование рабочего пространства

Создание копии рабочей области Firebase Studio создает копию вашего проекта, содержащую все содержимое каталога home/user . Это полезно, когда вы хотите поэкспериментировать с проектом, не затрагивая оригинал, или когда вы хотите использовать существующий проект в качестве отправной точки для нового.

Для создания дубликата рабочего пространства:

  1. На главной странице Firebase Studio щелкните меню рядом с рабочей областью, которую хотите скопировать, > Дублировать .

  2. Введите название вашего нового рабочего пространства и нажмите «Дублировать» . Новое рабочее пространство будет создано и добавлено в ваш список рабочих пространств. Примечание: Дублирование больших рабочих пространств может занять несколько минут. Если ваше новое рабочее пространство не загружается, подождите 5 минут, затем обновите страницу.

  3. (Необязательно) Если исходная рабочая область связана с проектом Firebase, рекомендуется создать отдельный проект Firebase для новой рабочей области. Это предотвратит внесение изменений в проект Firebase, связанный с исходной рабочей областью, из новой рабочей области. Чтобы создать проект Firebase:

    1. Откройте новое рабочее пространство и попросите Gemini создать для вас проект Firebase.
    2. Обновите все файлы, которые ссылаются на проект Firebase, например .env или .firebaserc .

Настройте рабочее пространство

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

Создайте или отредактируйте файл .idx/dev.nix

Конфигурация среды определяется в файле .idx/dev.nix в вашем репозитории кода. Этот файл определяет все компоненты, которые необходимо добавить в ваше рабочее пространство, включая:

Пример файла .idx/dev.nix , демонстрирующего базовую конфигурацию рабочей среды, позволяющую просматривать предварительный просмотр приложений в Firebase Studio , приведен в следующем примере:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

Применить новую конфигурацию

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

Сбои сборки в среде отладки

Поскольку конфигурационные файлы представляют собой машиночитаемый код, в них могут содержаться ошибки. В этом случае сборка среды может завершиться неудачей, и она не запустится. Firebase Studio отображает возможность запуска среды восстановления . Эта рабочая область не включает в себя никакие из определенных вами конфигураций и просто запускает базовый Code OSS . Это дает вам возможность исправить ошибки в вашем конфигурационном файле dev.nix и пересобрать среду.

Следующие шаги