当前位置: 欣欣网 > 码农

告别浏览器,基于 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