Flutter Gemini CLI 擴充套件
瞭解如何使用 Flutter Gemini CLI 擴充套件,透過 Dart 和 Flutter MCP 伺服器在命令列中對您的應用進行結構化更改。
您可能已經熟悉 Gemini CLI,這是一款命令列 AI 工作流工具,讓您無需離開開發環境即可與 Gemini AI 模型互動。(如果您不熟悉 Gemini,可以透過完成 Gemini 實戰 codelab 來了解更多資訊。)
AI 代理正在改變我們構建 Flutter 應用的方式,它們可以輔助功能原型設計、程式碼審查以及編寫和執行測試等任務。要有效使用 AI 代理,您需要為其提供上下文和工具訪問許可權,以幫助其成為高效的 Flutter 編碼助手。這就是 Flutter Gemini CLI 擴充套件的用武之地。Gemini CLI 擴充套件允許您構建 Gemini CLI 與您工具之間的整合,而 Flutter 擴充套件進一步擴充套件了這些能力。
Flutter Gemini CLI 擴充套件提供了加速應用開發的命令,遵循明確的規則編寫符合 Dart 和 Flutter 最佳實踐的高質量程式碼,並執行來自 Dart 和 Flutter MCP 伺服器的工具,以直接訪問 Dart 和 Flutter 的開發工具。您可以減少在設定上花費的時間,並將更多時間投入到構建高質量的 Flutter 應用中。
以下影片展示了如何使用 Gemini CLI 構建多平臺應用
先決條件
#-
安裝 Gemini CLI 0.4.0 或更高版本。您可以根據您的平臺、偏好和系統配置,使用 npm 或 brew 來完成安裝。
-
安裝包含 Dart SDK 的 Flutter SDK。如果已安裝 Flutter,請執行 flutter upgrade 以確保您使用的是 Flutter 和 Dart 的最新版本。
安裝 Git 並確保其已新增到您的 PATH 環境變數中。
開始使用
#滿足先決條件後,使用以下命令之一安裝 Flutter Gemini CLI 擴充套件:
-
要安裝當前版本,請執行:
gemini extensions install https://github.com/gemini-cli-extensions/flutter -
要安裝當前版本並確保未來自動安裝更新,請使用
auto-update標籤:gemini extensions install https://github.com/gemini-cli-extensions/flutter.git --auto-update在詢問是否確定要繼續後,您將看到一條訊息,提示 Flutter 擴充套件已安裝並啟用。
-
您可以使用以下命令管理該擴充套件:
更新到最新版本
gemini extensions update flutter解除安裝擴充套件
gemini extensions uninstall flutter
可用命令
#安裝擴充套件後,在開啟新的 Gemini CLI 會話時可以使用以下命令:
-
/create-app- 指導您根據最佳實踐引導建立新的 Flutter 專案。 -
/create-package- 指導您根據最佳實踐引導建立新的 Dart 包。 -
/modify- 管理具有自動規劃功能的結構化修改會話。 -
/commit- 自動執行提交前檢查並生成描述性的提交資訊。
建立應用
#您可以使用 /create-app 命令建立新應用程式。此命令可引導構建一個全新的、生產就緒的 Flutter 應用。它不僅限於 flutter create,還會詢問應用的目的、設定推薦的 linter 規則,並在編寫任何程式碼之前生成詳細的 DESIGN.md 和 IMPLEMENTATION.md 檔案供您審閱。
/create-app
DESIGN.md 檔案是該應用的設計文件;它指定了應用要解決的問題,並提供了關於其工作原理的技術細節。您可以在繼續執行實施步驟之前編輯此檔案,從而引導 Gemini 構建您想要的準確應用。
設計完成後,/create-app 會生成一個 IMPLEMENTATION.md 檔案(分步實施計劃),以便它可以迭代地進行功能實現。它會記錄進度,因此您可以隨時暫停和重新啟動。預設情況下,/create-app 將計劃分為 3-5 個階段,每個階段都是一個邏輯停止點。在每個階段之後,Gemini 將分析並格式化程式碼、執行測試並提交更改。它還會在完成一個階段後更新此檔案中的“日誌”(Journal)部分。
實現計劃中的功能
#專案設定完成後,您可以使用生成的 IMPLEMENTATION.md 檔案來實現計劃中的功能。如該檔案所述,每個功能都是分開實現的。功能實現完成後,Flutter 擴充套件會將其標記為已完成。
在進入下一階段之前,擴充套件會請求您的批准。您可以輸入提示詞 "looks good" 來開始生成程式碼。
修改
#要對現有程式碼進行更改,/modify 命令會啟動一個引導式開發會話。它會詢問您的目標,提議建立新分支,並生成一個 MODIFICATION_PLAN.md 設計文件,概述提議的修改和分階段的實施計劃。
/modify
清理並提交
#最後一步是使用 /commit 提交更改。此命令會在透過 Git 提交之前準備您的更改。它會自動執行 dart fix 和 dart format,執行分析器和測試,然後為您生成一條基於更改的描述性提交資訊供您批准。
內建最佳實踐
#每個互動式聊天會話都包含有關 Flutter 和 Dart 開發最佳實踐的規則。這些規則確保 Gemini 編寫高質量的 Dart 和 Flutter 程式碼、正確與 MCP 伺服器工具互動,並遵循最佳實踐,例如建立單元測試、編寫文件、確保可訪問性等。
透過 Flutter 和 Dart MCP 伺服器訪問開發工具
#安裝 Flutter Gemini CLI 擴充套件時,Dart 和 Flutter MCP 伺服器會自動配置。這允許 Gemini CLI 和其他 AI 代理執行常見的開發任務。例如:
- 分析並修復專案程式碼中的錯誤。
- 內省並與正在執行的應用程式互動(例如觸發熱過載、獲取所選元件、獲取執行時錯誤)。
- 在
pub.dev中搜索最適合您用例的包。 - 管理
pubspec.yaml檔案中的包依賴項。 - 執行測試並分析結果。
資源
#如前所述,此擴充套件處於 Alpha 測試階段。如果您發現錯誤,請提交 issue。
您可能還想檢視 Gemini CLI 擴充套件 倉庫。