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 파일에 정의됩니다. 이 파일은 다음을 포함하여 워크스페이스에 추가할 모든 구성요소를 지정합니다.
컴파일러, 패키지(예:
go또는angular), 명령줄 유틸리티(예: 추가 gcloud CLI 구성요소)를 비롯하여 Nix 패키지 레지스트리에서 사용할 수 있는 시스템 도구언어별 디버거, 코드 형식 지정 도구, 클라우드 서비스용 공식 확장 프로그램 등 OpenVSX 레지스트리의 IDE 확장 프로그램
docker, Pub/Sub 메시지, Postgres 및 Redis와 같은 데이터베이스 등 일반적인 서비스(기타)
Firebase Studio에서 앱 미리보기를 사용 설정하는 기본 워크스페이스 환경 구성은 다음 .idx/dev.nix 파일 예시를 참고하세요.
{ 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 구성 파일의 오류를 수정하고 환경을 다시 빌드할 수 있습니다.