Flutter

【文章翻譯】Meet the Flutter Extension for Gemini CLI

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

透過新的 Gemini CLI Flutter 擴充功能，建置高品質、功能豐富的應用程式

今天，我們很高興分享 Gemini CLI Flutter 擴充功能 的第一個實驗版本，它結合了 Dart 和 Flutter MCP 伺服器 與額外的上下文和命令，使使用 Gemini CLI 建置 Flutter 應用程式變得更容易、更有效率。

AI 代理正在改變我們建置 Flutter 應用程式的方式，透過協助處理功能原型設計、程式碼審查以及編寫和執行測試等任務。為了有效使用 AI 代理，您需要為其提供上下文和工具存取權限，以幫助它成為一個高效的 Flutter 程式碼助理。這就是 Gemini CLI Flutter 擴充功能的作用。Gemini CLI 擴充功能 允許您使用 Gemini CLI 和您的工具建置整合，而 Flutter 擴充功能則建立在這些功能之上。

Gemini CLI 的 Flutter 擴充功能提供了加速應用程式開發的命令，遵循明確的規則來編寫遵循 Dart 和 Flutter 最佳實踐的高品質程式碼，並運行 Dart 和 Flutter MCP 伺服器中的工具來直接存取 Dart 和 Flutter 的開發人員工具。您可以花費更少的時間在設定上，而將更多的時間花在建置高品質的 Flutter 應用程式上。

實際操作

首先，使用以下命令安裝擴充功能：

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

Gemini CLI 的 Flutter 擴充功能隨附一組命令，可幫助您完成開發的關鍵階段。以下是一些最常見的命令及其使用方式：

  • /create-app：為 Gemini 建立設計文件和實作計畫。
  • /modify：建立一個對應用程式進行重大更改的計畫。
  • /commit：分析和測試程式碼，修復所有發現的問題，然後將更改提交到 Git。

若要了解如何設定和使用 Gemini CLI 擴充功能的更多資訊，請遵循 GitHub 儲存庫 中的說明。

建立應用程式

您可以使用 /create-app 命令建立新的應用程式。此命令會啟動一個全新的、可投入生產的 Flutter 應用程式。它超越了 flutter create，會詢問您的應用程式用途，設定建議的 Linter 規則，並在編寫任何程式碼之前產生詳細的 DESIGN.md 和 IMPLEMENTATION.md 檔案供您審閱。

1
/create-app
使用 /create-app 命令建立應用程式

DESIGN.md 檔案是應用程式的設計文件；它指定了應用程式解決的問題，並提供了有關其如何運作的技術細節。您可以在繼續實作步驟之前編輯此檔案，讓您可以引導 Gemini 建立您正在尋找的確切應用程式。

一旦設計準備就緒，/create-app 會產生一個 IMPLEMENTATION.md 檔案，這是一個逐步實作計畫，以便它可以疊代地處理功能實作。它會記錄其進度，因此您可以暫停和重新開始。預設情況下，/create-app 會將計畫分成 3-5 個階段，每個階段都是一個邏輯停止點。每個階段結束後，Gemini 都會分析和格式化程式碼、執行測試並提交變更。它還會在完成日記部分中的階段後更新此檔案。

實作計畫中的功能

設定專案後，您就可以使用產生的 IMPLEMENTATION.md 檔案實作實作計畫中的功能。每個功能都將按照此檔案中的概述單獨實作。一旦完成實作功能，Flutter 擴充功能會將其標記為已完成。

在進入下一個階段之前，擴充功能會要求您批准。您可以輸入提示「看起來不錯」以開始產生程式碼：

引導式實作計畫使 Gemini CLI 保持在正軌

修改

若要更改現有程式碼，/modify 命令會啟動一個引導式開發會話。它會詢問您的目標，提供建立新分支，並產生一個 MODIFICATION_PLAN.md 設計文件，概述建議的修改和分階段的實作計畫。

1
/modify
使用 /modify 命令為 Gemini 建立詳細的修改計畫

清理並提交

最後一步是使用 /commit 提交更改。此命令會在您使用 Git 提交更改之前準備您的更改。它會自動執行 dart fix 和 dart format，運行分析器和測試，然後根據更改生成一個描述性提交訊息供您批准。

使用 /commit 命令清理並準備程式碼以進行提交

搭載最佳實踐

每個互動式聊天會話都包含適用於 Flutter 和 Dart 開發的最佳實踐規則。這些規則確保 Gemini 編寫高品質的 Dart 和 Flutter 程式碼，正確地與 MCP 伺服器工具互動，並遵循最佳實踐，例如建立單元測試、編寫文件、確保可訪問性等等。

擴充功能包含規則和最佳實踐

使用 Flutter 和 Dart MCP 伺服器存取開發工具

當您安裝 Gemini CLI 的 Flutter 擴充功能時，Dart 和 Flutter MCP 伺服器會自動配置。這允許 Gemini CLI 和其他 AI 代理執行常見的開發任務：

  • 分析和修復專案程式碼中的錯誤。
  • 內省並與您正在運行的應用程式互動（例如觸發熱重載、取得選定的 Widget、獲取運行時錯誤）。
  • 在 pub.dev 上搜尋 適用於您用例的最佳套件。
  • 管理 您 pubspec.yaml 檔案中的套件依賴項。
  • 執行測試 並分析結果。
  • ……以及更多！
MCP 伺服器提供 Gemini CLI 存取 Dart 和 Flutter 開發工具

試用看看

我們希望您試用 Gemini CLI 的 Flutter 擴充功能並分享您的回饋。

查看 GitHub 上的 Flutter 擴充功能 以了解更多資訊。如果您有建議或遇到問題，請 提交議題。我們迫不及待想看看您會建立什麼！

認識 Gemini CLI 的 Flutter 擴充功能 最初發佈於 Flutter on Medium，人們在那裡透過突出顯示和回應這個故事來繼續對話。