Firebase Studio를 사용하면 코드베이스를 처음 사용하는 사용자가 개발 환경을 설정하고 생산성을 높이는 단계를 간소화할 수 있습니다.
예를 들면 다음과 같습니다.
다른 참여자와 함께 팀으로 작업하는 경우 프로젝트에 맞게 환경을 맞춤설정한 후 .idx/dev.nix 파일을 프로젝트의 Git 저장소에 커밋할 수 있습니다. 이렇게 하면 팀원이 Firebase Studio에서 Git 저장소를 가져올 때 새 작업공간에 같은 시스템 패키지, IDE 확장 프로그램, 시작 스크립트 등이 포함된 개발자 구성과 정확하게 동일한 구성이 생성됩니다.
다른 사용자가 사용할 프레임워크나 라이브러리를 빌드하는 경우 샘플 코드 저장소에 .idx/dev.nix 파일을 포함할 수 있습니다. 이렇게 하면 사용자가 샘플을 Firebase Studio로 가져올 때 환경 설정을 건너뛰고 바로 프레임워크를 사용해 볼 수 있습니다. 사용자를 위한 맞춤설정이 가능한 자체 시작점으로 자체 커스텀 템플릿을 빌드할 수도 있습니다.
환경 맞춤설정이 만족스러우면 'Firebase Studio에서 열기' 버튼을 문서(예: 프로젝트의 README.md 파일)에 추가하여 다른 사용자가 더 쉽게 프로젝트를 Firebase Studio로 가져올 수 있게 할 수 있습니다.
일반적인 'Firebase Studio에서 열기' 진입점
'Firebase Studio에서 열기' 버튼에 사용할 수 있는 URL 패턴에는 여러 가지가 있습니다.
미리 Git 저장소 URL로 채워진 Git 저장소 가져오기 플로우에 연결하려면 다음 URL 패턴을 사용합니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-09-06(UTC)"],[],[],null,["With Firebase Studio, you can simplify the steps for someone new to\nyour codebase to set up their development environment and get productive.\n\nFor example:\n\n- If you're **working on a team with other contributors** , you can\n [customize your environment](/docs/studio/customize-workspace)\n precisely for your project and then commit your `.idx/dev.nix` file to\n your project's Git repository. That way, when a teammate imports your\n Git repository in Firebase Studio, their new workspace will have\n the exact same configuration as yours, complete with the same system\n packages, IDE extensions, starter scripts, and more.\n\n- If you're **building a framework or library** for others to use, you\n can include a `.idx/dev.nix` file in your sample code repositories, so\n that when a user imports your samples into Firebase Studio, they\n can skip the environment setup and jump straight into trying out your\n framework. You can even [build your own, custom\n template](/docs/studio/custom-templates) as an opinionated,\n customizable starting point for your users.\n\nAfter you're happy with your environment customizations, you can make it\neven easier for others to import your project into Firebase Studio by\nadding an \"Open in Firebase Studio\" button to your documentation, such\nas your project's `README.md` file.\n\nCommon \"Open in Firebase Studio\" entry points\n\nThere are several URL patterns available for an \"Open in\nFirebase Studio\" button:\n\n- To link to the **import a Git repository** flow, prefilled with your Git\n repository URL, use this URL pattern:\n\n https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo\n\n At this time, only GitHub repositories are supported (both private and\n public).\n- To link to a **predefined workspace template** , find the template\n you're looking for in the\n [Templates](https://studio.firebase.google.com/templates) page in\n Firebase Studio, and copy its URL, which should follow this URL pattern:\n\n https://studio.firebase.google.com/new/gemini\n\n- To link to a **custom template**, prefilled with your template's GitHub URL,\n use this URL pattern:\n\n https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template\n\n- To open the App Prototyping agent with a pre-filled prompt, use this URL\n pattern:\n\n https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini\n\nAdd an \"Open in Firebase Studio\" button\n\nInstall the [Open in Firebase Studio\nSDK](https://www.npmjs.com/package/@firebase-studio/open-sdk) or\nuse this tool to generate the HTML for a Firebase Studio button:"]]