重磅！Google推出官方AI编程工具Firebase Studio

Google 终于下场了。搞了一个完全平替 V0、Bolt.new、Lovable 的产品 Firebase Studio。用自然语言一键生成网站或者App，后续还能集成 firebase 的各种服务，构建全栈应用。

Firebase Studio 有两种使用方式。

最简单的，就是直接通过和AI对话，创建网站或应用。如果你懂代码，也可以直接使用编辑器撸代码。可以实时预览结果，不止是网页，包括 React Native 的手机应用也可以在浏览器中连一个 Android 的虚拟机实时预览结果。

Firebase Studio 我觉得最好用的一点就是集成了 Gemini AI 一系列的模型，也就是创建的应用程序可以借用 Gemini AI 的 API，做一些 AI 能力的应用。

下面我就用 Firebase Studio 做一个预测星座运势的网页来演示一下使用流程。

首先打开 Firebase Studio，网址是：

https://studio.firebase.google.com

在对话框写上需求：做一个预测每天运势的网页。用户提供生日，自动算出用户的星座，然后预测当天的运势。界面精美，有神秘感。

然后，AI 就输出了应用的功能点和样式。如果需要修改，可以继续对话。我这里就直接点“Prototype this App”了。

接着，AI 就开始自动编写代码。等待片刻，一个简单的星座运势的页面就完成了。然后，可以在右边输入 Gemini API key，这样就可以利用 Gemini 的 AI 模型了。

我随便选了个日期，点击“Get Your Horoscope”，AI 给出了当天的星座运势。

这里有个小问题，可以看到界面和结果都是英文，如果要换成中文，可以继续跟 AI 对话，也可以截图，然后在截图上标记，再把截图发到对话框，让 AI 对标记的内容进行修改编辑。

这里提示我也可以直接手动修改代码。点击上面的“Edit the Code”就行。这样就打开了代码编辑器。

经过修改代码，这样就把界面和星座运势都换成中文了。

最后，可以获取预览链接，在手机上或者把链接发给别人测试。比如我这个星座应用的链接就是：

https://9000-idx-studio-1744257398550.cluster-2xfkbshw5rfguuk5qupw267afs.cloudworkstations.dev

可以看到，使用 Firebase Studio 做一个应用是非常简单直观的，而且 AI 代码编辑基于 Gemini 2.5 Pro，编程能力也挺不错，不过审美似乎不怎么样，做出来的应用外观都比较简陋，不像 Claude 3.7 做的 UI 美观大气。

目前免费，感兴趣可以试试。

文章来自于“博知社”，作者“leon”。