添加“在 Firebase Studio 中打开”按钮

借助 Firebase Studio，您可以简化代码库新手设置开发环境并开始高效工作所需的步骤。

例如：

  • 如果您与其他贡献者协作开发项目，可以根据项目需求自定义环境，并将 .idx/dev.nix 文件提交到项目的 Git 代码库。这样，当团队成员在 Firebase Studio 中导入您的 Git 代码库时，其新的工作区将具有与您的工作区完全相同的配置，并包含相同的系统软件包、IDE 扩展程序、启动脚本等。

  • 如果您要构建框架或库供他人使用，可以在示例代码库中包含 .idx/dev.nix 文件，让用户将示例导入 Firebase Studio 时，跳过环境配置，直接试用您的框架。您甚至可以构建自己的自定义模板，为用户提供一个具有预设配置且可自定义的起点。

对环境自定义感到满意后，您可以通过向文档（例如项目的 README.md 文件）添加“在 Firebase Studio 中打开”按钮，让其他人更轻松地将您的项目导入 Firebase Studio。

常见的“在 Firebase Studio 中打开”入口点

“在 Firebase Studio 中打开”按钮支持以下几种网址格式：

  • 如需链接到导入 Git 代码库 flow（已预先填充您的 Git 代码库网址），请使用以下网址格式：

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo

    目前，仅支持 GitHub 代码库（包括专用和公共）。

  • 如需连接到预定义的工作区模板，请在 Firebase Studio 的模板页面中找到所需的模板，然后复制其网址，该网址应遵循以下网址格式：

    https://studio.firebase.google.com/new/gemini

  • 如需链接到自定义模板（已预先填充您的模板的 GitHub 网址），请使用以下网址格式：

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template

  • 如需使用预填提示打开 App Prototyping agent，请使用以下网址格式：

    https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini

添加“在 Firebase Studio 中打开”按钮

安装“在 Firebase Studio 中打开”SDK，或使用此工具为 Firebase Studio 按钮生成 HTML 文件：