开始使用现有项目

Firebase Studio 提供了一种简化的方式，可将现有的 Web 应用项目导入 Firebase Studio 工作区，让您能够利用 Firebase Studio 的 AI 辅助功能和简化开发、部署和监控功能继续处理现有项目。

您可以从源代码库（GitHub、GitLab 或 Bitbucket）、通过 Builder.io Figma 插件从 Figma 导入项目，或者从本地归档文件导入项目。Firebase Studio 支持导入小于 100 MiB 的 GZIP 压缩 tar 文件和 zip 文件。

您还可以复制现有项目，从而创建其副本。

使用入门

第 1 步：导入项目

  1. 登录您的 Google 账号，然后打开 Firebase Studio。

  2. 点击导入项目。系统会显示导入项目对话框。

  3. 在代码库网址字段中，输入您的 GitHub、GitLab 或 Bitbucket 代码库网址。

  4. 为您的项目输入名称。

  5. 如果您要导入 Flutter 项目，请启用这是 Flutter 应用。否则，请不要选中此复选框。

  6. 点击导入。

  7. 如果代码库是专用的，系统会提示您向相应提供方进行身份验证：

    • 对于 GitHub，请按照提示复制访问令牌。
    • 对于 GitLab，您可以使用账号密码或创建个人账号令牌
    • 对于 Bitbucket，请使用您的用户名（而非邮箱）和应用专用密码进行身份验证。

第 2 步：安装依赖项

默认情况下，Firebase Studio 不会在您导入项目时安装依赖项，因此您需要在首次导入后手动执行此操作。

例如，如果您导入 Flutter 应用，则应在终端中运行 flutter pub get；如果是 JavaScript 或 TypeScript 应用，则应运行 npm install。

您可以通过在项目代码库的 dev.nix 文件中添加 onCreate 钩子，为所有未来的模板用户和导入操作预先配置此设置。您可以将 onCreate 配置为运行适合您项目的构建命令（例如 npm install 或 flutter pub get）。

配置此设置后，每当用户将您的代码库导入 Firebase Studio 时，系统都会自动安装依赖项。

后续步骤