在 Firebase Studio 中试用 Gemini in Firebase

Firebase Studio 中的 Gemini in Firebase 提供 AI 辅助功能,可在代码编辑器中和使用聊天功能时简化您的编码工作流。Gemini in Firebase 可以提供代码建议、生成代码、解释代码概念、更新项目文件、运行终端命令,以及解释命令输出。

无需进行任何设置,您就可以立即开始使用 Gemini in Firebase

请注意,内嵌代码补全和代码库索引编制功能默认处于开启状态。了解如何调整设置

Code 视图中,可以使用 Gemini in Firebase。您可以将其用于在 Firebase Studio 中启动的应用、导入到 Firebase Studio 中的应用以及由 App Prototyping agent 构建的应用。

与 Gemini in Firebase 聊天

Firebase Studio 通过 AI 辅助聊天功能简化您的开发工作流。

开始聊天

  1. Firebase Studio 中打开一个工作区。

  2. 点击工作区底部的星光图标Gemini

  3. 开始与“Gemini”聊天。

  4. (可选)点击 附加图标 附加并选择以下选项之一,将多模态提示发送到 Gemini

    • 绘图:使用绘图工具设计所需的图片,然后输入提示并点击发送
    • 图片:上传图片,添加提示,然后点击发送
    • 文件:从工作区中选择要用作上下文的文件,添加提示,然后点击发送
  5. (可选)添加您自己的 Gemini API 密钥,然后选择其他 Gemini 模型。如需了解详情,请参阅自带密钥:在聊天中使用其他 Gemini 模型

  6. (可选)通过调整 Gemini in Firebase 设置和添加 AI 规则文件,自定义其提供帮助的方式。了解详情

在聊天面板中,您可以向 Gemini 提问并获取代码建议。Gemini 甚至可以直接在您的工作区内更新项目配置文件和代码,并为您运行终端命令。Gemini 可能会询问是否可以为您执行以下任一操作:

  • 修改文件Gemini 可以添加功能、修复 bug 或重构代码。当 Gemini 建议对文件进行更改时,您会看到以下两个选项:
    • 更新文件:使用 Gemini 建议的更改直接更新文件。
    • 查看更改:在另一个窗口中打开建议的更改,以便在应用之前进行查看。
  • 运行终端命令Gemini 可以运行安装依赖项或启动开发服务器等命令。它可能会自行提出这些命令,或者您可以让 Gemini 运行这些命令。Gemini 建议命令后,系统会显示运行终端命令按钮。点击它可在 Firebase Studio 中的终端中执行命令。Gemini 会在聊天窗口中运行命令并为您解释结果,并帮助确定后续步骤。

通过聊天完成复杂任务

Gemini in Firebase 可以帮助您完成复杂的开发任务,例如:

  • 为代码编写文档:当您要求 Gemini“编写文档”时,它会自动以适当的格式为您的代码生成文档。
  • 编写测试用例Gemini 可以自动更新和生成单元测试。如果您让 Gemini“编写我的测试”,Gemini 会查找现有的单元测试文件,并可向该文件添加缺失的测试。如果未找到现有的单元测试文件,它会创建单元测试供您查看、迭代和接受 - 您甚至可以让 Gemini 运行它!
  • 管理依赖项:您可以让 Gemini 检测代码中缺少的依赖项,并直接通过聊天界面解决这些依赖项。
  • 重构代码:您可以让 Gemini 代表您重构代码,例如提取函数或在多个文件中重命名变量。Gemini 会生成建议的更改列表,在审核并应用更改后,您可以让 Gemini 更新和执行单元测试,以验证重构并确保测试继续通过。
  • 生成和运行 Docker 工作流:如果您已在工作区中启用 Docker,则可以通过请求 Gemini 创建 Dockerfile(例如“为我的应用创建 Dockerfile”)来快速将应用容器化。Gemini 生成 Dockerfile 后,可以为您构建和运行容器。
  • 运行单元测试和集成测试:您可以通过让 Gemini 运行特定测试套件(例如“运行我的单元测试”或“运行集成测试”)来启动测试执行。Gemini 将为您的项目执行适当的命令(例如 npm test 或特定的测试运行程序命令),并在聊天界面中显示测试结果。

在聊天中使用斜杠命令

您可以使用斜线命令(以正斜线 [/] 开头的快捷方式)来引导 Gemini in Firebase 聊天提供的输出。在 Gemini 聊天提示的开头输入 /,然后从可用的斜线命令列表中选择所需的操作。

如需查看完整的斜杠命令列表,请在聊天中输入 /

例如,/generate 后跟您想要的简短说明,这是一种用于生成代码段的提示快捷方式。

以下是运行 /generate css for a black background 的返回值示例:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

管理聊天记录

您可以通过在 Firebase 聊天中发起不同的话题,将不同的主题分开。然后,您可以根据主题回溯到之前的对话。

如需发起新聊天,请执行以下操作:

  1. 点击聊天标题栏中的发起新对话

  2. 输入您的提示。

如需切换到其他聊天对话,请执行以下操作:

  1. 点击聊天标题栏中的近期聊天

  2. 选择您要访问的聊天话题。

  3. 使用 Gemini 继续该聊天会话或查看之前的聊天记录。

如需删除聊天话题,请执行以下操作:

  1. 从聊天标题栏中的近期对话中选择要删除的对话会话。

  2. 点击聊天标题栏中的删除聊天记录。确认您要从聊天记录中删除聊天话题。

在聊天中查看代码引用

为了帮助您验证代码建议,Firebase Studio 会分享有关原始来源和关联许可的信息。您可以点击聊天标题栏中的“许可日志”图标,在聊天窗口中查看完整的代码引用日志。

聊天标题栏中的许可日志图标

如需详细了解 Google 代码引用,请参阅生成式代码辅助

获取 Gemini in Firebase 提供的内嵌帮助

Firebase Studio 可通过 Gemini 提供的 AI 辅助代码建议提高您的工作效率。

请注意,代码补全功能默认处于开启状态。了解如何调整其设置

从 Gemini in Firebase 获取代码建议

Gemini 会生成可能内嵌的完整代码块。如需使用 Gemini 内嵌代码辅助功能,请按以下步骤操作:

  1. Firebase Studio 中打开一个工作区。

  2. 前往您需要帮助的文件或代码行,然后按 Ctrl+I(在 MacOS 上按 Cmd+I)。

  3. 输入您想要的内容的说明,Gemini会生成建议。您还可以使用操作作为快捷方式来引导建议。例如,输入 /fixError 可帮助您修正内嵌代码中的错误。

  4. 您可以选择执行以下任一操作:

    • 如要保留生成的代码,请点击接受
    • 如需将建议内容粘贴到其他位置或将其移至新文件,请从舍弃按钮的下拉菜单中选择相应选项。
    • 如需生成新的建议,请点击重新生成
    • 如要完全移除建议,请点击舍弃
  5. (可选)通过调整 Gemini in Firebase 设置和添加 AI 规则文件,自定义其提供帮助的方式。了解详情

查看内嵌的 Gemini in Firebase 命令

  1. 如需查看特定代码中的内嵌 Gemini 命令,请选择您需要帮助的代码,然后右键点击该代码。

  2. 从菜单中选择 星光图标Gemini,然后选择要执行的操作。

使用 Gemini 建议的代码补全

为了帮助您编写代码,Firebase Studio 提供了 AI 代码补全功能,该功能可在您开始输入内容时预测并自动填充任何打开的文件中的代码。

请注意,代码补全功能默认处于开启状态

如需开启或关闭代码补全功能,请使用以下方法之一调整代码补全设置:

  • 如果您使用的是 settings.json 文件,请将 "IDX.aI.enableInlineCompletion" 设置为 truefalse

  • 如需更新 Firebase Studio 工作区中的设置,请执行以下操作:

    1. 点击 齿轮图标 管理(位于工作区左下角),然后选择“设置”,或按 Ctrl+,(在 Mac 上按 Cmd+,)。

      如果您在 Prototyper view, click Code switch icon Switch to Code to open Code view. 中使用 App Prototyping agent

    2. 选择工作区标签页,然后搜索 Firebase Studio > AI > 启用内嵌补全设置。

    3. 如需停用代码补全功能,请取消选择启用输入时内嵌代码补全选项。