當前位置: 妍妍網 > 碼農

告別瀏覽器,基於 Rust 實作的 Flutter 偵錯工具 flx 入駐你的終端!

2024-07-05碼農

你是否已經厭倦了在 Flutter 開發過程中,不斷在瀏覽器和 IDE 之間來回切換?是否希望能夠在一個終端視窗中,就能輕鬆存取所有偵錯工具?

flx,一款專為 Flutter 開發者打造的全新命令列工具,將強大的偵錯功能帶到你的終端,讓你告別繁瑣,專註開發!

flx:為終端愛好者打造的 Flutter DevTools

flx 使用 Rust 構建,速度飛快,並提供直觀的使用者介面,讓你在熟悉的終端環境中,也能享受媲美瀏覽器的偵錯體驗。

立即體驗: brew install itome/tap/flx

計畫地址: https://github.com/itome/flx

flx 核心功能

flx 提供一系列強大的功能,全面提升你的 Flutter 偵錯效率:

  • Flutter Inspector: 以樹形結構直觀地檢視 Widget 層級,並支持選中、隱藏、檢視內容等操作,方便你快速定位問題。

  • 效能檢視: 即時監控 CPU 和記憶體占用,分析幀率變化,幫助你辨識效能瓶頸,最佳化套用流暢度。

  • 偵錯控制台: 檢視日誌輸出、執行 Flutter 命令、執行 Dart 程式碼片段,方便偵錯和測試。

  • 網路檢視: 監控網路請求和響應,檢視請求頭、響應體等詳細資訊,幫助你診斷網路問題。

  • fvm 支持: 完美相容 fvm,方便你管理多個 Flutter 版本。

  • Flavor 和環境變量支持: 自動載入 .vscode/launch.json 中的 Flavor 和環境變量配置,方便你偵錯不同環境下的套用。

  • flx 使用範例

    1. 安裝 flx

    使用 Homebrew 快速安裝:

    brew install itome/tap/flx

    2. 啟動 flx

    在你的 Flutter 計畫根目錄下,執行以下命令啟動 flx:

    flx

    flx 會自動檢測並連線到正在執行的 Flutter 套用,你也可以手動指定裝置或模擬器。

    3. 使用 flx 偵錯套用

    flx 提供直觀的互動式界面,你可以使用方向鍵和回車鍵選擇和操作不同的功能模組,例如:

  • 使用方向鍵選擇 Inspector 模組,檢視 Widget 樹結構。

  • 使用方向鍵選擇 Performance 模組,檢視 CPU 和記憶體占用情況。

  • 使用方向鍵選擇 Console 模組,檢視日誌輸出或執行 Flutter 命令。

  • flx 的優勢

  • 輕量級: flx 是一款輕量級工具,安裝和執行速度都非常快,不會對你的開發環境造成負擔。

  • 易於使用: flx 提供直觀的命令列界面,即使你從未使用過終端工具,也能輕松上手。

  • 功能強大: flx 整合了 Flutter 開發所需的常用偵錯工具,並提供豐富的功能,滿足你的各種偵錯需求。

  • 開源免費: flx 是一款完全開源免費的工具,你可以自由使用和修改,無需擔心任何費用。

  • 總結

    flx 是一款專為 Flutter 開發者打造的強大偵錯工具,它將 DevTools 帶到你的終端,讓你告別繁瑣,專註開發!立即安裝體驗,開啟高效的 Flutter 開發之旅吧!

    文章精選

    「Rust