谷歌最近搞了个大动作，把 Firebase Studio 正式推出来了！这玩意儿啊，就是他们家自己捣鼓出来的一个『氛围感』编程平台，目的嘛，就是想跟市面上那些 Cursor、Lovable、Bolt 还有 V0 掰掰手腕。咱们这些搞前端的，一提到 Firebase，脑子里是不是立马浮现出『哦，那个谷歌的数据库玩意儿』？
嘿，现在可不一样了！
它现在摇身一变，成了一个完整的大生态系统，能帮你从头到尾搭出一个 AI 应用，甚至你都不需要懂多少代码！
那这 Firebase Studio 到底是个啥？
它怎么用的？
真能把咱们现在用的 Cursor 啥的，或者其他工具都给取代了？
来，咱们掰开揉碎了好好聊聊。
Firebase Studio 到底是个啥？ #
Firebase Studio 是一个由 Gemini 提供支持的智能云端开发环境，帮你从零到一，甚至可以直接部署线上环境，搭建各种高质量的全栈 AI 应用，包括 API、后端、前端、移动端，你想到的它基本都能搞定。
它把之前那个 Project IDX 跟 Firebase 里专用的 AI 助手以及 Gemini 大模型的智慧都整合到了一起，就是一个随时随地都能访问的协作工作区，开发一个应用，所有需要的东西都在里面了，省心！
它主要能干这些事：
-
导入自己的项目： 想把已有的项目弄进去？简单！直接上传本地文件，或者连上你的 GitHub、GitLab、Bitbucket 仓库就行。
-
用模板快速起步： 它内置了超多模板，什么 Go、Java、.NET、Python 这些流行语言，还有 Next.js、React、Flutter 等各种框架，随便挑，想怎么来就怎么来。
-
用自然语言搞原型： 你想搭个啥应用，直接跟 Gemini 说就行，文字描述、图片示意，甚至你随手画个草图，它都能给你整出来。
-
IDE 里内置 AI 助手： Gemini 直接就在你的编辑器里，写代码、改 bug、生成测试、管理依赖，样样都能帮你搞定。
-
开发环境随心定制： 它跑在一个基于 Code OSS 的虚拟机上。想自定义工具、配置，还是预览？用 Nix 都能搞定，还能把你的配置分享给别人，超方便！
-
内置模拟器和深度 Firebase 集成： 直接在浏览器里就能预览应用，跑测试，还能用 Firebase 的本地模拟器和谷歌云的工具来调试，所有这些操作，都在一个地方完成，一条龙服务！
它是怎么工作的？ #
要上手，直接去 studio.firebase.google.com 这个网址，用你的谷歌账号登录就行。进去一看，仪表盘那叫一个简洁，用起来也特顺手。
大概就两种玩法：
- 最简单粗暴的，直接跟 AI 描述你想要啥，它立马帮你搞个应用原型出来。
- 如果你还是喜欢自己动手敲代码，那也行，从零开始，选好你喜欢的编程语言或者框架，开干！
我来给大家举个例子吧，咱们来搭一个应用，只要你上传食材照片，它就能给你生成菜谱！
我给的提示词很简单，就一句话：
提示词：一个能从照片生成菜谱的应用
点一下那个『用 AI 搞原型』的按钮，你就会进入一个聊天界面，接下来就全靠 Gemini 发功了。它会先给你生成一个应用蓝图，把功能和风格指南都给你列得明明白白。
Gemini 给我弄出来的蓝图长这样：
App Blueprint:
Photo Upload: Allow users to upload photos of ingredients.
Ingredient Recognition: Use an AI model to identify the ingredients in the photo.
Recipe Suggestion: Use an AI tool to generate recipe suggestions based on identified ingredients.
Recipe Display: Display the generated recipes, including title, ingredients, and instructions.
Recipe Saving: Allow users to save generated recipes for later use.
Style Guideline:
Color: Green, White, Orange
Layout: Clean and organized layout with clear sections for photo input, ingredient display, and recipe presentation.
Iconography: Use consistent and recognizable icons for actions like saving, sharing, and editing.
Animation: Subtle animations for loading states and transitions between different sections of the app.
你可以继续跟 Gemini 聊天，调整这些功能或者修改应用的样式。等你觉得蓝图没问题了，就点『开始原型这个应用』，这时候，它会问你要 Gemini 的 API 密钥。
你可以偷懒让它自动生成密钥，也可以自己去搞一个。要是自己搞，就去谷歌的 AI Studio，然后点『创建 API 密钥』就行。
把密钥粘贴到 Firebase Studio 里，然后点继续。等个几秒钟，你的应用就搞定了！
咱们来试试看效果怎么样，我找了张 Unsplash 上的图。你也可以随便找张网上的图片，把链接复制粘贴到应用里就行。
现在看起来是有点简陋，但我的想法是，最终把它做成一个手机 App，用户只要随手拍张菜场的照片，就能立马获得菜谱建议。
Gemini 大部分食材都识别对了——但也不是全部。比如，图里根本没有番茄酱和辣椒，它却误识别出来了。这就暴露出 Gemini 视觉模型的一个弱点：它在精准物体识别上，还是有点吃力。
管它呢，咱们继续，让 AI 根据识别出来的食材推荐菜谱。总共给我整了三个菜谱出来：
- 猪肉炒彩椒加番茄酱（Pork Stir-Fry with Bell Pepper and Ketchup）
- 番茄酱猪肉（Ketchup Pork）
- 番茄酱釉猪排（Ketchup Glazed Pork Chops）
尽管如此，应用本身生成得还是挺顺利的，没出啥大岔子。没崩溃，也没等太久，一键就搞定了！
要是想手动改改代码，完善一下应用，就点那个『编辑代码』按钮，它会把你带到一个基于浏览器的 IDE 里，接着就可以继续开发了。我还注意到，这个应用是用 NextJS 搭的，这对我来说简直是福音啊，毕竟我用 NextJS 比其他框架顺手多了。
而且所有东西都在云端，这点特别棒——完全不用在本地安装任何东西。你换个设备也能接着干活，无缝衔接。
终端、预览窗格、完整的项目文件，这些都给你配齐了——跟 VS Code 简直一模一样。如果你以前用过 GitHub Codespaces 或者 StackBlitz，那肯定会觉得这体验贼熟悉。
咱们来聊聊用户体验 #
Firebase Studio 用起来跟 Bolt、V0、Lovable 那些都差不多。你提要求，Gemini 就根据你的指示给出代码修改建议。举个例子，我让它把 UI 界面优化一下，想让它看起来更酷、更现代。
提示词：提升整个应用的外观和感觉。让它看起来更时尚、更现代。
跟其他 AI 代码生成器不一样的是，Firebase Studio 不会立刻就把修改给你应用上——它会先让你预览一下。如果你喜欢掌控一切，这确实挺好，但要是你想快速迭代，那可能就会有点拖慢节奏了。
不过最烦人的一点是，那些你已经接受的修改，居然没法撤销！如果你点了接受，结果发现改完后不喜欢，抱歉，没有『撤销』按钮能让你反悔。这对于那些需要快速测试和迭代的开发者来说，简直是个大问题！
另外，在设置页面里，你还可以开启代码库索引，并且选择大型语言模型（LLM）提供商，这样就能提升 AI 的知识库和响应效果了。
想了解 Firebase Studio 更多功能和各种可以调整的设置，直接去看官方文档就行。
发布你的应用 #
最后要告诉大家的是，谷歌允许你通过 Firebase App Hosting 来托管你的应用。等你对应用构建满意了，就点击仪表盘右上角的『发布』按钮，然后跟着屏幕上的提示走就行。
Firebase App Hosting 提供了 GitHub 集成，还能跟 Firebase 的其他产品无缝衔接，比如认证、Cloud Firestore 还有 Firebase 里的 Vertex AI。它对 Next.js 和 Angular 都有内置的预配置支持，对各种流行的 Web 框架也都有广泛支持。
不过要提醒一点，App Hosting 是按量付费的，如果你超出了免费额度，那就要开始掏钱了。
你甚至能部署自定义域名、追踪分析数据，还能用 Firebase 内置的认证系统——所有这些，都在一个仪表盘里搞定，省事儿！
这事儿为啥这么重要？ #
最近那些对这种智能辅助编程平台感兴趣的朋友们，听到 Firebase Studio 来了，估计都得激动坏了吧！虽然在我看来，它目前还没其他代码生成器那么惊艳，但谷歌家大业大，有的是资源、有的是钱，而且基础设施也完善，想把 Firebase Studio 快速发展起来，那简直是分分钟的事。
对开发者来说，这意味着搭建强大的 AI 应用变得更简单、更触手可及了，尤其是要和谷歌现有的服务，比如 Firebase Hosting、Gemini 模型、Firestore 还有 Vertex AI 结合起来用的时候，那更是如虎添翼。
微软那边估计很快就会加足马力，把 GitHub Copilot 搞得更强，而 Stackblitz (Bolt.new)、Vercel (V0) 还有 Cursor 这些平台，现在肯定也感受到了额外的压力。他们得赶紧提升服务，或者想点新花样出来，不然可就危险了。
再说，谷歌这个科技巨头最近在发布新 AI 模型上可是非常激进，比如那个带内置图片编辑功能的 Gemini 2.0 Flash。这也可能是开发者更倾向于 Firebase Studio 的另一个原因。
简单来说，这次发布很重要，因为它把整个圈子都搅动起来了，让开发者甚至普通用户都能更轻松地搞事情，也逼着竞争对手们赶紧把自己的水平再往上提一提。
价格和限制 #
可能最让人开心的就是，Firebase Studio 你可以免费用，最多能有 3 个工作区。如果你加入了谷歌开发者计划，这个上限就提到 10 个。要是你有高级账号，那就能创建多达 30 个工作区。
有些功能，比如 Firebase App Hosting，可能就需要你绑定一个云计费账号。一旦你绑定了，下面几件事就会自动发生：
- 你的 Firebase 项目会自动切换到『烈焰』（按量付费）套餐
- Gemini API 也会变成付费层级
- 超出免费额度的任何使用都会开始计费
所以说呢，上手是免费的——但如果你开启了付费服务，就得留心自己的用量了。
我个人还是希望能对第三方工具更开放一点。现在嘛，你基本被牢牢锁在谷歌的生态系统里了。对一些人来说这可能没啥，但如果你用其他云服务商或者喜欢不同的模型，那可就有点限制了。
最终想法 #
看到谷歌终于推出了一个像模像样的 AI 应用构建器，而且还免费，这点确实挺让人欣慰的。就最近这几周，他们接连放出了不少实用工具，而 Firebase Studio 对开发者来说，可能才是目前为止最有分量的那个。
话是这么说，但我还是发现了一些问题。刚上线没几个小时，包括我在内的一些用户就因为流量太大而遇到了错误。有些时候，应用甚至试了好几次都根本生成不出来。
你在测试的时候，很可能就会碰到这种错误。
而且，现在用起来也感觉有点局限。你没法用谷歌自家 LLM 之外的模型。已经接受的代码修改，也不能撤销。对 Supabase 也没有支持。很明显，它就是想把你『圈』在谷歌的生态系统里，这对于喜欢混搭不同厂商工具的人来说，就不太友好了。
不过嘛，刚发布的东西通常都一团糟，谷歌家底那么厚，有的是资源和体量来快速改进。我敢肯定他们已经在后台悄悄收集反馈、做更新了。我非常期待它在下个版本能有大的改进和新功能。
所以说呢，虽然有些地方还不完善，但总体来说还是很有潜力的。
眼下嘛，我还是鼓励大家去试试看。随便玩玩，搭点酷炫的东西，看看它能不能融入你的开发流程。它可能今天还取代不了 Cursor 或 Copilot，但这毕竟是谷歌第一次认真出手，值得关注！
大家试过之后有什么想法，欢迎在评论区告诉我啊！
欢迎关注微信公众号【WellthyHackers】
