【文章翻譯】Unleash new AI capabilities for Flutter in Firebase Studio

【文章內容使用 Gemini 2.5 Flash 自動翻譯產生】

在 Firebase Studio 中,Flutter 開發變得更加智慧了!在 I/O Connect India 大會上,我們推出了由 AI 驅動的新功能,旨在為您提供更自動化、更高效的工作流程。在這篇文章中,我們將深入探討 Firebase Studio 中專為 Flutter 設計的全新 AI 增強功能,並向您展示如何利用它們來構建強大的應用程式,就像我們在舞台上展示的演示一樣。

升級 AI 優化 Flutter 模板

Firebase Studio 中的 Flutter 模板獲得了重大升級。憑藉其新的 AI 功能,您可以優化工作區,獲得 AI 優先的體驗。例如,在使用這個新模板構建 I/O Connect India 演示時,Firebase Studio 生成了一個多螢幕電子商務應用程式,包括狀態管理、Firebase 身份驗證、產品、購物車和結帳。AI 優化模板預設為自主代理模式,允許 Gemini 直接進行更改,無需等待批准。我們還將 Gemini 的規則整合到一個(自動生成的)airules.md 文件中,以進一步完善 Gemini 生成的程式碼,使您能夠以更簡化的流程添加功能或生成整個 Flutter 應用程式。

Firebase Studio 中的 Flutter 模板已升級,提供 AI 優先的體驗

自主進行更改

以前,在 Firebase Studio 中處理 Flutter 專案時,您需要手動批准代理模式下的每個程式碼更改。現在這個工作流程已經顯著發展,可以自主(獨立且自動)進行編輯。透過新的代理 (Auto-run) 模式,Gemini 現在可以自主進行更改、生成整個應用程式,並以簡化的流程添加功能。例如,在開發類似於我們的 I/O Connect India 演示應用程式時,您可以使用代理 (Auto-run) 模式在單次互動中無縫整合 Firebase 後端服務並實作複雜的導航模式。鑑於 Gemini 對 Dart 和 Flutter 的強大支援,這種自主模式讓您保持在開發流程中。如果更改與您的預期不完全一致,請放心,Firebase Studio 利用 Git,允許您快速將更改回復到先前的提交。

Firebase Studio 中 Flutter 專案的代理 (Auto-run) 模式

AI 規則

透過升級後的 Flutter 模板,我們將 AI 指令整合到一個新文件:airules.md 中。這個文件(位於專案的根目錄)包含 Gemini 在生成程式碼時要遵循的明確規則,從而提高輸出的品質和相關性。您可以靈活地使用預設的 AI 規則或根據專案的特定需求自訂它們。雖然有很多規則,但這裡有幾個範例:

  • 充當 Flutter 共同開發人員
  • 撰寫單元測試
  • 主動尋找並修復錯誤
  • 選擇要使用的主題、工具、擴充功能和啟動命令
  • 新增和移除 Flutter 套件
  • 遵守 Flutter 和 Dart 程式碼品質的最佳實踐
  • 設定複雜的導航
Firebase Studio 中預設 Flutter AI 規則 (airules.md) 概述

相容於 Dart MCP 伺服器

Firebase Studio 現在包含了對模型上下文協定 (MCP) 的基礎支援,我們很高興地分享它與我們的 Dart MCP 伺服器 協同工作。當整合到 Firebase Studio 中時,Dart MCP 伺服器使 Firebase Studio 中的 Gemini 能夠分析並自動修復專案程式碼中特定於 Dart 和 Flutter 的錯誤。您還可以高效地在 pub.dev 上搜尋最佳套件、管理 pubspec.yaml 中的依賴項、運行測試等等。例如,在構建類似於我們在 I/O Connect India 舞台上演示的 Flutter 應用程式時,Gemini 應該能夠識別並自主糾正靜態和運行時錯誤。目前,Dart MCP 伺服器處於 beta 階段。

若要了解如何在 Firebase Studio 中構建 Flutter 應用程式時使用 Dart MCP 伺服器,請參閱部落格文章:使用 Dart MCP 伺服器增強您的 Dart 和 Flutter 開發體驗

Firebase Studio 中 Flutter 應用程式的 Dart MCP 伺服器配置

與我們一起構建

我們對 Firebase Studio 與 Flutter 的持續整合有著雄心勃勃的計畫,我們渴望 聽取您在 Firebase Studio 中使用 Flutter 的回饋意見,因為您正在探索這些新功能。我們非常期待看到您的創造!


在 Firebase Studio 中釋放 Flutter 的全新 AI 功能 最初發佈於 Flutter 的 Medium,人們在那裡透過突出顯示和回應這個故事來繼續討論。