Firebase Studio 中的 Gemini in Firebase 提供 AI 辅助功能,可在代码编辑器中内嵌使用、通过命令行界面 (CLI) 或聊天功能,帮助您简化编码流程。Gemini in Firebase 可以提供代码建议、生成代码、解释代码概念、更新项目文件、运行终端命令,以及解释命令输出。
无需进行任何设置,您就可以立即开始使用 Gemini in Firebase:
请注意,内嵌代码补全和代码库索引编制默认开启。了解如何调整设置。
在 Code 视图中,可以使用 Gemini in Firebase。您可以将其用于在 Firebase Studio 中启动的应用、导入到 Firebase Studio 中的应用以及由 App Prototyping agent 构建的应用。
与 Gemini in Firebase 聊天
Firebase Studio 借助 AI 辅助聊天功能简化您的开发工作流。
开始聊天
在 Firebase Studio 中打开或创建一个工作区。
点击工作区底部的星光图标Gemini。
开始与 Gemini 聊天。
(可选)点击
附加并选择以下选项之一,将多模态提示发送到 Gemini:
- 绘图:使用绘图工具设计所需的图片,然后输入提示并点击发送。
- 图片:上传图片,添加提示,然后点击发送。
- 文件:从工作区中选择要用作上下文的文件,添加提示,然后点击发送。
(可选)更改 Gemini 响应请求时使用的模式:
- 提问:制定方案。在此模式下,Gemini 会回答问题,但不会建议更改代码。
- 代理:对应用进行更改。在此模式下,Gemini 会建议对应用进行更改,但未经您的确认不会应用这些更改。
- 代理(自动运行):自动将更改应用到您的应用。在此模式下,Gemini 会根据您的请求自动修改代码,但仍会在运行终端命令前要求确认。
(可选)添加您自己的 Gemini API 密钥,然后选择其他 Gemini 模型。如需了解详情,请参阅自带密钥:在聊天中使用其他 Gemini 模型。
(可选)通过调整 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. */
管理聊天记录
您可以通过在 Gemini in Firebase 聊天中发起不同的话题,将不同的主题分开。然后,您可以根据主题回溯到之前的聊天话题。
如需发起新聊天,请执行以下操作:
点击聊天标题栏中的发起新聊天。
输入您的提示。
如需切换到其他聊天话题,请执行以下操作:
点击聊天标题栏中的最近的聊天。
选择您要访问的聊天话题。
使用 Gemini 继续该聊天话题或查看之前的聊天记录。
如需删除聊天话题,请执行以下操作:
从聊天标题栏中的最近的聊天中选择要删除的聊天话题。
点击聊天标题栏中的删除聊天。确认您要从聊天记录中删除聊天话题。
在聊天中查看代码引用
为了帮助您验证代码建议,Firebase Studio 会分享有关原始来源和关联许可的信息。您可以点击聊天标题栏中的“许可日志”图标,在聊天窗口中查看完整的代码引用日志。
如需详细了解 Google 代码引用,请参阅生成式代码辅助。
获取 Gemini in Firebase 提供的内嵌帮助
Firebase Studio 可通过 Gemini 提供的 AI 辅助编码建议提高您的工作效率。
请注意,代码补全功能默认开启。了解如何调整其设置。
从 Gemini in Firebase 获取代码建议
Gemini 会生成可能内嵌的完整代码块。如需使用 Gemini 内嵌代码辅助功能,请按以下步骤操作:
在 Firebase Studio 中打开一个工作区。
前往您需要帮助的文件或代码行,然后按
Ctrl+I
(在 MacOS 上按Cmd+I
)。输入您想要的内容的说明,Gemini会生成建议。您还可以使用操作作为快捷方式来引导建议。例如,输入
/fixError
可帮助您修正内嵌代码中的错误。您可以选择执行以下任一操作:
- 如要保留生成的代码,请点击接受。
- 如需将建议内容粘贴到其他位置或将其移至新文件,请从舍弃按钮的下拉菜单中选择相应选项。
- 如需生成新的建议,请点击重新生成。
- 如要完全移除建议,请点击舍弃。
(可选)通过调整 Gemini in Firebase 设置和添加 AI 规则文件,自定义其提供帮助的方式。了解详情。
查看内嵌的 Gemini in Firebase 命令
如需查看特定代码中的内嵌 Gemini 命令,请选择您需要帮助的代码,然后右键点击该代码。
从菜单中选择 星光图标Gemini,然后选择要执行的操作。
使用 Gemini 建议的代码补全
为了帮助您编写代码,Firebase Studio 提供了 AI 代码补全功能,该功能可在您开始输入内容时预测并自动填充任何打开文件中的代码。
请注意,代码补全功能默认开启。
如需开启或关闭代码补全功能,请使用以下任一方法调整代码补全设置:
如果您使用的是
settings.json
文件,请将"IDX.aI.enableInlineCompletion"
设置为true
或false
。如需更新 Firebase Studio 工作区中的设置,请执行以下操作:
点击
管理(位于工作区左下角),然后选择“设置”,或按
Ctrl+,
(在 Mac 上按Cmd+,
)。如果您在 Prototyper view, click
Switch to Code to open Code view. 中使用 App Prototyping agent
选择工作区标签页,然后搜索 Firebase Studio > AI > 启用内嵌补全设置。
如需停用代码补全功能,请取消选择启用输入时内嵌代码补全选项。
使用 Gemini CLI 与 Gemini 聊天
Gemini CLI 是一款开源 AI 代理,可将 Google Gemini 模型的功能直接引入您的终端。Gemini CLI 执行的任务与 Gemini in Firebase 类似,但如果您是一名开发者,通常会在终端中进行代码生成、调试、执行命令或管理项目文件等操作,您可能会更偏好使用 Gemini CLI。
开始使用 Gemini CLI
如需在 Firebase Studio 中访问 Gemini CLI,请执行以下操作:
切换到代码视图:如果您的工作模式为 Prototyper mode,
Switch to Code to open Code view.
访问终端:打开
菜单 > 终端 > 新建终端。
打开 Gemini CLI:在终端中输入以下命令:
gemini
自定义:使用键盘上的箭头键选择颜色主题,然后按 Enter 键。
进行身份验证:如果系统提示,请选择一种身份验证方法。如需详细了解身份验证,请参阅相关文档。
以后,您只需在终端中输入 gemini
即可访问 Gemini CLI。
或者,您也可以在非交互模式下运行 Gemini CLI,这对于脚本编写和自动化非常有用。在此模式下,Gemini CLI 会在执行您输入的命令后自动退出。如需使用此模式,请使用 --prompt
或 -p
标志。例如:
gemini -p "Create a markdown file that explains my app's architecture"
使用 Gemini CLI 命令
您可以与 Gemini CLI 对话,提出问题或请求。您可以向它提出以下问题:
explain [file_name.js]
:如果您遇到不熟悉的代码,请使用此命令请求说明。只需将[file_name.js]
替换为相关路径,或直接将代码粘贴到提示中即可。refactor [code_snippet]
:通过提示 Gemini 建议重构改进,增强代码的结构或效率。debug "Error: Module not found: 'firebase-admin'"
:遇到错误时,将错误消息提供给 Gemini,以获取问题分析和可能的解决方案。summarize "Key features of Firebase Realtime Database"
:Gemini 可提供快速研究和简洁的内容总结。
它还支持多种内置命令,可帮助您管理会话、自定义界面并控制其行为,例如:
/help
:输入此命令可查看可用命令和选项的完整列表,这是探索的绝佳起点。/chat
:保存和恢复对话记录,以便创建分支对话或从后续会话恢复之前的状态。/tools
:显示 Gemini CLI 中可用的工具列表。/restore
:将项目文件恢复到执行工具之前的状态。这对于撤消工具所做的文件编辑操作特别有用。
如需查看完整的命令列表,请参阅 Gemini CLI 文档。