#13. 构建应用（Build）

#功能介绍

「Build（构建）」是 Google AI Studio 最具特色的功能之一。它将 Vibe Coding（氛围编程）的理念融入平台，让用户通过自然语言描述直接生成完整的、可运行的 Web 应用程序。用户不需要会写代码，只需要描述用户想要的应用，Google 的 Antigravity 编程 Agent 就会帮用户生成一个包含前端界面、后端逻辑和 AI 集成的完整项目。

#开启方式

点击左侧导航栏中的「Build（构建）」即可进入应用构建界面。

该界面包含以下子页面：

• 「Start（开始）」：创建新应用的入口，主界面显示「Build your ideas with Gemini（用 Gemini 构建用户的想法）」

• 「Gallery（画廊）」：浏览社区分享的应用模板和灵感

• 「Your apps（用户的应用）」：管理已创建的应用，支持按「Recently viewed（最近查看）」「Created by you（用户创建的）」「Created by others（他人创建的）」筛选

• 「FAQ（常见问题）」：使用帮助

#应用构建使用方法

在「Start（开始）」页面的输入框中描述想要的应用，点击发送按钮开始生成。

等待 Antigravity Agent 生成完整应用。

生成效果展示。

创建完成后点击右上角「Remix(混合）」按钮，还可以重新编辑名称和描述再次进行生成。

#右侧高级设置面板（Advanced settings）：

点击右上角的设置图标打开「Advanced settings（高级设置）」面板，包含以下配置：

• 「Select model for chat（选择聊天模型）」：下拉选择构建时使用的 AI 模型，默认为「Default (Gemini 3 Flash Preview)（默认 Gemini 3 Flash Preview）」
• 「System instructions（系统指令）」：点击展开，可添加自定义指令来控制项目风格、使用的模型和特定知识
• 「Framework（框架）」：下拉选择前端框架，可选 React、Angular、Next.js 等，默认为 React
• 「Free requests（免费请求）」：显示当前配额状态，点击齿轮图标可管理配额
• 「Microphone source（麦克风源）」：下拉选择，支持语音输入应用描述

#核心能力

• 全栈应用生成：前端界面 + 后端逻辑一键生成
• 多人协作应用：支持生成实时多人游戏或协作工具
• 数据库集成：通过 Firebase 集成数据库和用户认证
• API 集成：安全存储 API 密钥，连接外部服务
• 框架支持：支持 React、Angular、Next.js 等现代框架
• 一键部署：构建完成后可直接部署到 Google Cloud Run

#使用技巧

• 描述越具体越好——包括功能需求、界面风格、交互方式
• 可以从 Gallery 中的模板开始修改，降低上手难度
• 使用迭代方式优化——先生成基础版，再逐步添加功能
• 点击「I'm feeling lucky（手气不错）」可以让 AI 随机生成一个有趣的应用

#快速开始提示

页面下方提供了快速起步按钮供参考：「Generate music（生成音乐）」「Add database and auth（添加数据库和认证）」「Create & edit images（创建和编辑图片）」「Add voice conversations（添加语音对话）」等。

#示例

示例一：个人记账工具

创建一个简洁美观的个人记账Web应用。功能要求：
1. 添加收入/支出记录（金额、分类、备注、日期）
2. 按月查看收支统计图表
3. 支出分类饼图
4. 支持数据持久化存储
界面风格：简约、清新，使用柔和的蓝绿色调。

示例二：单词背诵卡片

创建一个英语单词背诵卡片应用。功能：
1. 展示单词、音标、释义和例句
2. 支持翻转卡片查看答案
3. 标记"已掌握"或"需复习"
4. 优先展示需要复习的单词
5. 统计每日学习进度

示例三：多人实时白板

创建一个多人实时协作白板应用。要求：
1. 支持画笔、橡皮擦、文字工具
2. 可选择颜色和线条粗细
3. 多人同时在线编辑，实时同步
4. 支持清空画布和撤销操作

示例四：AI 问答小游戏

创建一个知识问答小游戏。要求：
1. 使用Gemini API实时生成问题（可选主题：科学、历史、地理、文化）
2. 每题4个选项，限时30秒作答
3. 答对加分，答错显示正确答案和解释
4. 显示排行榜
5. 有趣的动画效果和音效

示例五：个人博客生成器

创建一个Markdown博客系统。要求：
1. 使用Markdown编辑器撰写文章
2. 实时预览渲染效果
3. 文章列表页，支持按标签筛选
4. 深色/浅色主题切换
5. 代码块语法高亮