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

AI 規則
透過升級後的 Flutter 模板,我們將 AI 指令整合到一個新文件:airules.md
中。這個文件(位於專案的根目錄)包含 Gemini 在生成程式碼時要遵循的明確規則,從而提高輸出的品質和相關性。您可以靈活地使用預設的 AI 規則或根據專案的特定需求自訂它們。雖然有很多規則,但這裡有幾個範例:
- 充當 Flutter 共同開發人員
- 撰寫單元測試
- 主動尋找並修復錯誤
- 選擇要使用的主題、工具、擴充功能和啟動命令
- 新增和移除 Flutter 套件
- 遵守 Flutter 和 Dart 程式碼品質的最佳實踐
- 設定複雜的導航

相容於 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 的持續整合有著雄心勃勃的計畫,我們渴望 聽取您在 Firebase Studio 中使用 Flutter 的回饋意見,因為您正在探索這些新功能。我們非常期待看到您的創造!
在 Firebase Studio 中釋放 Flutter 的全新 AI 功能 最初發佈於 Flutter 的 Medium,人們在那裡透過突出顯示和回應這個故事來繼續討論。