Vibe 在 Google AI Studio 中为您的下一个 AI 驱动的应用程序编写代码

介绍

上周我们探索了谷歌最新的图像模型纳米香蕉。在此过程中，我展示了并链接了各种预构建应用程序，这些应用程序展示了模型的不同方面和用例。今天，我想将我们的注意力转移到创建这些预构建应用程序的工具上：AI Studio 的构建模式，并向您展示如何使用它创建具有 Gemini 完全集成的自定义应用程序。

AI Studio 的“构建”模式到底是什么？

构建模式是 AI Studio 最新的氛围编码功能。这个新工具允许具有不同技能水平的用户创建与 Gemini API 完全集成的高质量应用程序。与 Bolt.new 和 Lovable 等其他 vibe 编码工具类似，您可以选择使用自然语言进行构建或切换到代码视图进行手动编码。您可以使用 Gemini API（及其包含的所有模型）进行构建，这一事实使该工具值得探索。

让我们来看看构建模式的核心功能：

• 将对话转变为功能性应用程序
• 生成 UI 和后端逻辑
• 通过进一步的对话提供详细的改进
• 创建时考虑到易于部署和共享
• 测试模型在生产中的表现

我将构建模式视为 Google 的新氛围编码工具，专注于构建 AI 集成应用程序。

如何开始使用“构建”模式

构建模式（以及一般的 AI Studio）非常易于使用。我们将首先前往 AI Studio 并登录 Google 帐户。之后我们就可以开始建造了！

第 1 步：构建选项卡

您可以通过选择左侧栏上的“构建”来访问构建模式。从这里您可以浏览 Google 创建的应用程序、您过去的创作，或开始对最新的 AI 驱动的应用程序进行 vibe 编码。

第 2 步：描述您的应用程序

您可以通过几种不同的方式开始创建应用。如果您知道自己想要什么，那么您可以直接跳到描述您的应用程序。或者，您可以从入门示例中选择一个提示，例如“使用 Gemini 的食谱生成器”。最后，“从模板开始”选项将为您提供一个可以构建的想法列表。

第 3 步：生成第一个版本

描述要查找的内容（或选择有趣的示例提示）后，您就可以开始生成应用程序了。在此示例中，我使用食谱启动器提示来创建 Gemini 驱动的食谱生成器。

就这样，我们创建了第一个功能齐全的应用程序。默认情况下，您将看到“预览”，但您可以通过选择屏幕顶部中间的“代码”来查看和编辑代码。

第 4 步：细化

构建模式等氛围编码工具最好的部分是您可以轻松编辑您的创作。在 AI Studio 中有两种方法可以做到这一点，您可以继续使用自然语言来描述需要更改的内容，也可以手动编辑代码。

在实践中，这意味着构建模式对技术和非技术用户都很有用，并且有可能用作无代码构建器。下面我描述了该应用程序的技术问题以及设计更改。Gemini 解决了这两个问题。

构建模式的实际应用

现在我们已经完成了创建过程，让我们看一下我创建的一款功能齐全的应用程序。这个应用程序使用纳米香蕉根据您分享的图像创建 17 世纪的艺术作品。虽然不太复杂，但我想展示如何使用构建模式作为无代码工具，并且仍然创建有趣的项目。

第一次迭代只是拍摄一张图像并将其变成一幅画。如果我想稍微扩展一下，我可以描述一个用户上传图像并生成描述的过程。然后，该描述将用于创作这幅画。

这只是我创造的一个例子，你的创造力是这里唯一真正的限制。如果您想查看更多示例，我建议您浏览“展示”选项卡。在这里，您会找到由 Google 创建的应用程序，这些应用程序使用 Gemini API 创建一些很酷的程序。

构建模式的主要优势

无代码开发

构建模式使非技术用户无需编写任何代码即可创建复杂的人工智能驱动的应用程序。只需描述您想要的内容，该工具就会生成前端和后端逻辑。

Gemini 完全集成

与其他氛围编码工具不同，构建模式专为与 Gemini API 配合使用而设计，让您可以访问 Google 的所有最新型号，包括 Gemini 2.5 Pro、Flash 和 nano-banana。

迭代细化

对话式开发方法意味着您可以通过自然语言描述不断改进您的应用。无论您是想修复错误、添加功能还是更改设计，您都可以简单地描述您需要的内容。

轻松部署和共享

生成模式在设计时考虑了部署和共享，可以轻松地将 AI 驱动的应用程序快速交到用户手中。

我的想法

总的来说，我是构建模式等氛围编码工具的忠实粉丝。无论您使用的是 Bolt、Lovable 还是其他工具，无需做繁重的工作即可创建复杂的应用程序都很棒。构建模式对我来说很突出，因为它提供了与其他 AI 编码工具类似的体验，同时免费并且能够使用 Gemini API 进行构建。

我建议查看此工具，看看您可以使用 Gemini 和 nano-banana 创建什么。