flutter 可视化调试
vscode 按F5进入调试模式,期间会提示安装Dart DevTools。F5调试模式下，修改代码按保存会自动热更新。打开开发者工具，按下图开发者工具按钮。
出现如下页面
选中相应元素，按Select Widget Mode按钮，模拟器相关元素会显示阴影，右侧显示相关属性。虽然比不上web开发者工具的调试体验。但也还不错。有更好方法者，欢迎留言讨论。
vscode 按F5进入调试模式,期间会提示安装Dart DevTools。F5调试模式下，修改代码按保存会自动热更新。打开开发者工具，按下图开发者工具按钮。
出现如下页面
选中相应元素，按Select Widget Mode按钮，模拟器相关元素会显示阴影，右侧显示相关属性。虽然比不上web开发者工具的调试体验。但也还不错。有更好方法者，欢迎留言讨论。