使用 AI 創建

本指南介紹如何運用 AI 工具，為你的 Flutter 應用程式打造 AI 驅動的功能，並簡化 Flutter 與 Dart 的開發流程。

AI 可用於打造 AI 驅動的 Flutter 應用程式，也能加速你的開發流程。你可以透過強大的 SDK（如 Firebase AI Logic 的 Firebase SDK for Generative AI），將自然語言理解與內容生成等 AI 功能直接整合到 Flutter 應用程式中。你也可以使用 AI 工具，例如 Gemini Code Assist 和 Gemini CLI，協助程式碼生成與腳手架建構。這些工具由 Dart 與 Flutter MCP Server 提供支援，讓 AI 能夠取得你程式碼庫的豐富上下文。Flutter Extension for Gemini CLI 讓你輕鬆運用官方規則、MCP server 及自訂指令來建構應用程式。此外，rules 檔案有助於微調 AI 行為並強制執行專案特定的最佳實踐。

在 Flutter 應用程式中運用 AI，能解鎖全新使用者體驗，讓你的應用支援自然語言理解與內容生成。

若要開始在 Flutter 中打造 AI 驅動體驗，請參考以下資源：

• Firebase AI Logic - 官方 Firebase SDK，可直接在 Flutter 中使用生成式 AI 功能。相容於 Gemini Developer API 或 Vertex AI。請參閱官方文件以開始使用。
• Flutter AI Toolkit - 一個範例應用，內建多種元件（Widgets），協助你在 Flutter 中打造 AI 驅動功能

AI 不僅能成為你應用程式中的一項功能，也能成為開發流程中的強大助手。像是 Gemini Code Assist、Gemini CLI、Claude Code、Cursor 以及 Windsurf 等工具，能協助你更快撰寫程式碼、理解複雜概念並減少樣板程式碼。

Gemini Code Assist 是一款 AI 驅動的協作工具，可在 Visual Studio Code 與 JetBrains IDE（包含 Android Studio）中使用。它能深入理解你專案的程式碼庫，協助你：

• 程式碼補全與生成：根據你正在撰寫的內容，建議並生成整段程式碼區塊。
• 編輯器內對話：你可以直接在 IDE 內詢問有關程式碼、Flutter 概念或最佳實踐的問題。
• 除錯與說明：遇到錯誤時，你可以請 Gemini Code Assist 解釋錯誤並提出修正建議，並且 Dart and Flutter MCP Server

Gemini CLI 是一款命令列 AI 工作流程工具。它讓你能在不離開開發環境的情況下，與 Gemini 模型互動完成各種任務。你可以用它來：

• 快速建立 Flutter 元件（Widget）、Dart 函式或完整應用程式的腳手架。
• 使用 MCP server 工具，例如 Dart 與 Flutter MCP server
• 自動化像是提交（commit）與推送（push）變更到 Git 儲存庫等任務

若要開始使用，請造訪 Gemini CLI 官方網站，或試試這個 Gemini CLI codelab。

Flutter Extension for Gemini CLI 結合了 Dart and Flutter MCP Server、rules 及指令。它預設採用 AI rules for Flutter and Dart，並新增像是 /create-app 與 /modify 等指令，協助你有結構地變更應用程式，同時自動設定 Dart and Flutter MCP Server。

你可以透過下列指令安裝：

gemini extensions install https://github.com/gemini-cli-extensions/flutter

欲了解更多資訊，請參閱 blog post 或 README。

為了在 Flutter 開發過程中提供協助，AI 工具需要與 Dart 與 Flutter 的開發者工具進行溝通。Dart 與 Flutter MCP Server（MCP 伺服器）即是用來促進這種溝通的橋樑。MCP（model context protocol，模型上下文協定）規範說明了開發工具如何將使用者程式碼的上下文分享給 AI 模型，讓 AI 能更好地理解並互動於程式碼之中。

Dart 與 Flutter MCP Server 提供越來越多的工具，協助分析與修正錯誤、熱重載（hot reload）、取得所選元件（Widget）等功能。這有效銜接了 AI 的自然語言理解能力與 Dart、Flutter 開發者工具套件之間的鴻溝。

若要開始使用，請參閱 dart.dev 上的 Dart and Flutter MCP server 官方文件，以及 Dart and Flutter MCP repository。

你可以在支援 AI 的編輯器中使用規則檔，為底層的大型語言模型 (LLM) 提供上下文與指令。欲開始使用，請參閱 AI rules for Flutter and Dart 指南。