如何使用 Google AI Studio:Playground、Build 模式与用 Gemini 进行 vibe coding
要使用 Google AI Studio,请在 aistudio.google.com 用 Google 账户登录,在 Playground 中用提示词测试 Gemini 模型;当你想在自己的代码中调用 Gemini 时,点击 Get API key。要用 vibe coding 制作应用,请打开 Build 模式,描述你的应用,Gemini 会生成带实时预览的应用,你可以通过聊天继续优化。之后,你可以将其部署到 Cloud Run,同步到 GitHub,或下载代码。
本指南按照 Google 在撰写时(2026 年 11 月)的文档,逐一介绍每个部分,然后说明 AI Studio 的优势所在,以及何时带有自有数据库和托管的构建器才是更好的选择。Google 经常更新 AI Studio,请以其文档中最新的名称和限制为准。
Google AI Studio 是什么
AI Studio 是 Google 用于构建 Gemini 应用的浏览器工作区,面向两类人:
- 开发者:想要试用 Gemini 模型、调优提示词,并把可用的代码复制到自己的项目中。
- 构建者:想要描述一个应用,并让 Gemini 用 Build 模式把它写出来。
Google 表示,在提供服务的地区,AI Studio 的使用免费,并对某些模型提供有限的免费访问。付费 API 层级、部分模型、大量使用 Google 搜索接地,以及在 Google Cloud 上托管,都需要单独付费。
第一部分:Playground
Playground 默认打开一个新的聊天提示框。在构建任何东西之前,你可以在这里测试模型的能力。
- 选择模型,在输入框中输入消息,然后点击 Run。
- 打开 Run settings(右上角的调节图标),更改模型参数和安全设置,并开启结构化输出、函数调用、代码执行或接地功能。
- 添加 System Instructions 来设定模型的角色和语气,例如:“你是一家面包店的友好助手。用两句话回答,并推荐一款产品。”
- 点击 Get code,将提示词和设置转换为你偏好语言的代码。
除了聊天,Playground 还提供其他提示类型,例如实时流式传输和视频生成。
获取 API 密钥
当你想在自己的应用中使用 Gemini 时,请在 Get API key 页面(aistudio.google.com/apikey)创建密钥。请像对待密码一样对待它:把它保存在服务器的环境变量或密钥管理中,切勿放在会在访问者浏览器中运行的代码里。我们的保护 API 密钥指南解释了其中的原因。
第二部分:在 Build 模式中进行 vibe coding
“用 Gemini 进行 vibe coding”正是在 Build 模式中进行的。你描述一个应用,AI Studio 的智能体会编写代码,并在旁边展示结果。
开始一个项目
你有几种方式开始:
- 输入提示词,描述应用。
- 点击 I'm Feeling Lucky,获得一个生成的创意。
- 通过 Copy App 从 App Gallery 中 Remix 一个应用。
- 使用 Add files 菜单 从 GitHub 导入。
你可以添加 AI Chips 来接入图像生成或地图数据等功能,也可以用语音转文字来口述提示词。
它会构建什么
根据 Google 的文档:
- 网页应用(默认):React 前端加 Node.js 服务器,因此 API 调用可以留在服务器端,npm 包会自动安装,应用也可以连接数据库。
- 原生 Android 应用,使用 Kotlin 和 Jetpack Compose 编写,你可以在浏览器模拟器中预览,通过 ADB 安装,并发布到 Google Play 进行内部测试。
- 自动完成的 Firebase 设置:用于数据的 Firestore,以及带有 Google 登录的 Firebase Authentication。
- Google Workspace 集成,例如 Gmail、Sheets、Docs、Drive 和 Calendar。
第一条提示词
构建一个食谱应用。我粘贴一份食谱或一个链接,Gemini 会把它整理成一张清晰的卡片,包括食材、步骤和烹饪时间。我可以保存食谱、搜索食谱,并按不同的份数调整食材用量。让我用 Google 登录,这样我的食谱就会保存到我的账户中。
这正发挥了 AI Studio 的优势:Gemini 是功能的一部分,登录使用 Google,存储则使用 Firebase。
优化应用
- 与智能体聊天:“添加一个购物清单,合并我勾选的食谱中的食材。”
- 注释模式:在应用屏幕上框选一部分,并描述你想要的更改。这比描述你指的是哪个按钮要快。
- 代码标签页:查看生成的代码,如果愿意,也可以直接编辑。
Google 的文档表示,Build 模式会把 Gemini API 密钥作为服务器端的机密保存(即 GEMINI_API_KEY,可在 Secrets 面板中查看),而不是放进客户端代码。Android 应用则使用 Firebase AI Logic 和 App Check,而不需要密钥。
分享与部署
- 分享:应用默认是私密的。你分享给的人可以查看并 fork 代码,拥有编辑权限的人可以修改。使用你分享的应用的人所发起的 Gemini 调用会计入你的用量,AI Studio 在可能产生费用时会在分享前发出提醒。
- Cloud Run:可以从 AI Studio 部署为可扩展的服务,可能适用 Google Cloud 定价。
- GitHub:与代码仓库双向同步,当两端都有改动时会显示冲突视图。
- ZIP 下载:可以把代码带到任何地方,你需要在自己的主机上设置 API 密钥。
在 Build 模式中获得更好结果的技巧
- 开头就说明 Gemini 在应用中做什么。 当 AI 本身就是功能时,Build 模式的效果最好:例如总结、提取信息、生成图片,或基于文档回答问题。
- 说明保存什么、保存给谁。 “每个用户的食谱只属于他本人”,这样的规则值得在一开始就说清楚。
- 每条消息只改一件事,并在预览中测试通过后再进行下一步。
- 在真实用户到来之前检查 Firebase 安全规则。 应用对你能正常工作,并不代表其他用户无法读取你的数据。可以问:“请展示 Firestore 规则,并解释每个集合谁可以读取和写入。”
更多适用于任何工具的提示词,请参阅我们的vibe coding 提示词速查表。
Google AI Studio 的优势所在
- 以 Gemini 为核心功能的应用,且密钥保存在服务器端。
- 以 Google 为中心的技术栈:Firebase、Google 登录、Workspace 数据、地图。
- 想快速做原型的开发者,之后可以同步到 GitHub 继续开发。
- 原生 Android 实验,可在浏览器中预览。
何时转向带数据库和托管的构建器
AI Studio 是一款出色的工具,对许多项目来说已经足够。以下情况下,值得考虑全栈 AI 应用构建器:
- 你需要关系型数据库。 Firestore 是文档数据库。如果你的应用包含相互关联的客户、订单和发票,Postgres 数据库可能更容易理解。我们的 Supabase 与 Firebase 对比指南解释了两者的区别。
- 你不想管理 Google Cloud 项目。 部署到 Cloud Run 意味着需要 Cloud 账户、计费及其相关设置。有些人更愿意一键发布,并让托管服务随之提供。
- 你希望托管、数据库和存储都计入同一份账单。 在 Mythex 中,这些都由套餐包含的每月 Cloud 积分支付。
- 你既需要 iPhone 也需要 Android。 在 Mythex Pro 中,已发布的应用可以变成一个 Android 应用,上传到 Google Play;也可以用你自己的 App Store Connect 密钥,把 iPhone 应用发送到 TestFlight,无需 Mac。(这些应用打开的是你已发布的应用,并不是原生的 Swift 或 Kotlin 代码。)
- AI 不是应用的重点。 预约系统或客户门户不需要以 Gemini 为核心,通用构建器可能更自然地满足需求。
- 你希望使用自己的域名,而无需配置 Cloud 服务。
Mythex 的工作方式是:用任何语言在聊天中描述应用,它会构建一个真正的全栈应用,并附带实时预览,接入 Postgres 数据库和文件存储,并一键发布到公开网址。免费方案无需银行卡,包含发布功能;Pro 每月 25 美元,增加代码编辑、导出、GitHub、自定义域名和手机应用。请参阅 AI 应用构建器页面。
无论选择哪种方式,代码都属于你,可以随身带走:AI Studio 通过 GitHub 或 ZIP 导出,Mythex 则在 Pro 中通过导出和 GitHub 导出。想了解更广泛的选择,请参阅最佳 vibe coding 工具和ChatGPT、Claude 与 Gemini 构建应用对比。
Google AI Studio 使用要点
- 使用 Google 账户登录 aistudio.google.com。
- 在 Playground 中选择模型,输入提示词并点击 Run。在 Run settings 中可以切换参数和功能。
- 如果要在自己的应用中使用 Gemini,请通过 Get API key 创建密钥,并把它保存在服务器端的环境变量中。
- 如果要制作应用,请打开 Build 模式,用文字描述你想做的应用。一边看预览,一边通过聊天或注释模式进行修改。
- 完成后,可以部署到 Cloud Run,与 GitHub 同步,或下载 ZIP 文件。
如果你希望在一个地方管理数据库、托管、自定义域名,以及 iPhone 和 Android 应用,那么 Mythex 这类全栈 AI 应用构建器也是一个可考虑的选择。
常见问题
Google AI Studio 免费吗?
Google 表示,在提供服务的地区,AI Studio 的使用免费,并对某些模型提供有限的免费访问。付费 API 用量、部分较新的模型、额外的搜索接地(grounding)功能以及 Cloud Run 托管都可能产生费用,因此在分享或部署应用之前,请先查看 Google 的定价页面。
Google AI Studio 中的 Build 模式是什么?
Build 模式是 AI Studio 的 vibe coding 工作区。你在提示词中描述应用,Gemini 会生成代码并附带实时预览,你可以通过聊天或框选屏幕的某一部分来优化它。网页应用会获得 React 前端和 Node.js 服务器,也可以生成原生 Android 应用。
Google AI Studio 的应用能有数据库和登录功能吗?
可以。根据 Google 的文档,Build 模式可以自动设置 Firebase,包括用于数据的 Firestore,以及带有 Google 登录的 Firebase Authentication。只要你的服务器能通过网络访问,其他数据库也可以使用。
如何发布 Google AI Studio 的应用?
你可以在 AI Studio 中将其部署到 Google Cloud Run,把代码同步到 GitHub,或下载 ZIP 文件并托管到其他地方。Cloud Run 属于 Google Cloud 的一部分,可能适用其常规定价;使用 ZIP 文件时,你需要在自己的主机上设置 Gemini API 密钥。
什么时候应该使用应用构建器,而不是 Google AI Studio?
AI Studio 非常适合围绕 Gemini 和 Google 服务构建的应用。如果你希望在同一个地方管理 Postgres 数据库、文件存储、托管、自定义域名以及 Android 和 iPhone 应用,并且只需一个套餐付费而无需设置 Google Cloud 项目,那么全栈应用构建器可能更合适。