Flutter Run Key Commands（速查表）

基于 flutter run 的常用快捷命令整理

🚀 一、最常用（必须掌握）

🔥 热更新 & 热重启

• r → Hot reload（热重载）
• R → Hot restart（热重启）

区别：

建议：

• UI 修改 → 用 r
• 状态异常 → 用 R

🔥 打开 DevTools

• v → 打开 Flutter DevTools

用途：

• 网络请求（Network）
• 性能分析（Performance）
• Widget 树

🔥 截图

• s → 保存截图（flutter.png）

🔥 退出 / 分离

• q → 退出应用
• d → Detach（应用继续运行）

🧠 二、UI 调试（强烈推荐）

🎯 Inspector

• i → 打开 Widget Inspector

用途：

• 点击 UI → 定位代码
• 查看组件结构

🎯 布局边界（必用）

• p → 显示布局边框

可以看到：

• padding
• margin
• 组件大小

🎯 Widget 树

• w → 输出 Widget 树

🎯 渲染树（进阶）

• t → 输出 Render Tree

⚡ 三、性能调试

🚀 性能面板

• P → 打开性能 overlay

判断卡顿：

• 每帧 > 16ms = 掉帧

🚀 rebuild 监控

• a → 记录 widget rebuild

用途：

• 查重复构建
• 性能优化

🌙 四、系统模拟 / 辅助功能

• b → 切换深色 / 浅色模式
• o → 模拟不同平台（Android / iOS）
• S → 输出无障碍树（正序）
• U → 输出无障碍树（逆序）

🧹 五、其他命令

• c → 清屏
• h → 显示帮助
• g → 运行代码生成器

🎯 六、推荐记住（精简版）

```
r 热更新
R 热重启
v DevTools
i Inspector
p 布局边界
P 性能监控
q 退出
```

💡 七、实战推荐组合

🧩 日常开发

```
r → 刷新 UI
p → 看布局
i → 查组件
v → 查接口 / 性能
```

🧩 出问题时

```
w → Widget 树
t → Render 树
a → rebuild 分析
```

🚀 八、进阶建议

建议搭配 DevTools：

• Network → 接口调试
• Performance → 卡顿分析
• Inspector → UI 定位