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

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

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

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

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

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

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

Открытие шаблона или примера приложения .
Импорт проекта .
Создайте прототип с помощью ИИ , затем переключитесь в режим просмотра Code ( </> ).

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

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

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

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

Системные инструменты, доступные в реестре пакетов Nix , включая компиляторы, пакеты (например, go или angular ) и утилиты командной строки, такие как дополнительные компоненты gcloud CLI .
Расширения IDE из реестра OpenVSX , такие как отладчики для конкретных языков, средства форматирования кода, официальные расширения для облачных сервисов и многое другое.
Распространенные службы , такие как Docker, обмен сообщениями Pub/Sub, базы данных, такие как Postgres и Redis, и многое другое .

Ниже приведен пример файла .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 и перестроить среду.