О рабочих пространствах Firebase Studio,О рабочих пространствах Firebase Studio,О рабочих пространствах Firebase Studio,О рабочих пространствах Firebase Studio

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

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

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

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

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

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

Открытие шаблона или примера приложения .
Импорт проекта .
Создайте прототип с помощью AI , затем переключитесь в режим просмотра 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 и перестроить среду.