谷歌Firebase Studio在线AI编程使用介绍
1. Firebase Studio简介
谷歌Firebase Studio是一款基于云端的全栈在线AI编程开发环境,整合了Project IDX和Firebase的专用AI代理,支持从后端到前端、移动应用的全流程开发。其核心功能包括:
- AI辅助开发:通过自然语言或多模态输入(文字、草图)生成代码原型,并借助Gemini模型实现智能补全、调试和文档生成。
- 云端一体化:基于浏览器运行,支持从GitHub导入项目或上传本地代码文件,内置Android模拟器和Firebase服务集成,实现零配置开发和一键部署。
- 多语言支持:覆盖Go、Java、Python等后端语言及React、Flutter等框架,提供60+模板库加速开发。
- 协作与教育场景:支持多人实时协作和教学演示,适合初创团队、自由职业者及教育用途。
2. Firebase Studio使用介绍
2.1 登录使用
官方网站:https://studio.firebase.google.com/
云端在线AI编程,使用时,本地电脑无需安装任何应用程序,只需满足网络能访问页面与注册用户
- 登录界面
【注意】: 需要科学上网,使用google账号登录即可
登录后,左下区域可以创建一个新工程项目(类比于idea、pycharm中的new project)
New Workspace
- 根据自己的需求选择创建新项目
Import Repo
- 根据代码仓库进行已有项目拉取(当前仅支持github、gitlab、bitbucket,试了一下gitee会有红色报错不支持)
2.2 创建新项目
- 点击
New Workspace
, 创建项目
- 定义项目名称,相当于平时的
project name
点击Create进行项目创建,等待创建工程完毕后,会进入到AI编程的操作界面
创建项目会先创建工作空间,然后初始化项目开发环境、创建环境、确定项目
2.3 AI编程界面
- 开发界面
页面风格和vscode一样,可以在左边项目中创建一个代码文件,根据提示
Ctrl+i
,呼出交互我们可以像在本地使用一样,在左边的项目中添加代码文件,例如在src/main/java/com/example/demo/中创建
wangt0422.java
在新建的空白代码文件中,呼出交互窗,尝试用自然语言来描述自己的需求,例如:
每5秒输出打印一个当前时间
,点击提交
此时会生成代码块,点击
Accept
即为确认接受
如果代码有语法或逻辑错误,在线窗口中也会出现红色波浪线标注提醒,右上角有运行当前代码,可以看到下方执行的代码效果
2.4 项目分享与协同开发
回到首页,可以看到已经创建的项目会列出在My workspace
对于自己的项目,可以分享给他人进行团队协同开发。分享指定人或copy link
项目链接url分享
在此我们也能够发现,自己通过AI编程创建的代码是存储在云端的,所以通过AI获取的代码块以后,不适合加入企业或个人的隐私数据。
3. 个人使用心得技巧分享
总体使用下来虽然是在线版,但是还是比较流程,基本不卡顿
试用感受最大的妙用就是利用Firebase Studio的在线maven打包等功能,感觉非常好用,值得推荐,这也是Google Cloud Next 大会上推广的云端开发平台的理念。
例如创建一个web服务,通过默认的8080页面来进行展示。
有时我们的本地环境没有对应的java、go、python等等环境,或者没有maven打包环境,亦或是开着科学上网需要的依赖包等依然下载非常慢,挺适合把项目上传后进行打包,试了一下pom.xml
的依赖下载很快。
Firebase Studio 将前端、后端、API 及移动应用开发整合至单一云端平台。这种一体化消除了不同环境间的切换成本,简化了开发流程,并确保了各组件间的无缝协作,同时保留了熟悉的 Visual Studio Code 操作环境。
使用MAVEN -> Lifecycle -> clean -> package ,在线将项目代码打成jar包
在控制台查看任务的进度情况
打包成功后,在项目target中下载jar包
验证是否可用
可以看到jar包可以成功运行,并通过输出内容已经启动了8080的http服务,我们打开页面通过http://ip:8080 验证
可以看到最终结果,我们在没有本地环境的情况下,成功的将代码落地运行。非常好用,这样相当于我们如果只有代码,本地即使没有任何开发工具以及java环境,就可以利用Firebase Studio进行代码微调,再进行打包。如我们在github或者别人分享了一个使用小工具源码,但没有提供工具包,我们可以快速把代码上传打包下载,到服务器去使用,不需要花费时间先准备开发和运行环境。