谷歌Firebase Studio在线AI编程使用介绍

谷歌Firebase Studio在线AI编程使用介绍

1. Firebase Studio简介

谷歌Firebase Studio是一款基于云端的全栈在线AI编程开发环境,整合了Project IDX和Firebase的专用AI代理,支持从后端到前端、移动应用的全流程开发。其核心功能包括:

  1. AI辅助开发:通过自然语言或多模态输入(文字、草图)生成代码原型,并借助Gemini模型实现智能补全、调试和文档生成。
  2. 云端一体化:基于浏览器运行,支持从GitHub导入项目或上传本地代码文件,内置Android模拟器和Firebase服务集成,实现零配置开发和一键部署。
  3. 多语言支持:覆盖Go、Java、Python等后端语言及React、Flutter等框架,提供60+模板库加速开发。
  4. 协作与教育场景:支持多人实时协作和教学演示,适合初创团队、自由职业者及教育用途。

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或者别人分享了一个使用小工具源码,但没有提供工具包,我们可以快速把代码上传打包下载,到服务器去使用,不需要花费时间先准备开发和运行环境。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王亭_666

感觉对你有帮助,谢谢支持一下~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值