在 Visual Code Studio 中哪里可以找到 Flutter 布局检查器？答案

【问题标题】：Where can I find Flutter layout inspector in Visual Code Studio?在 Visual Code Studio 中哪里可以找到 Flutter 布局检查器？
【发布时间】：2021-02-09 16:16:20
【问题描述】：

我的意思是这个：

我可以看到：

据我所知，Visual Code 曾经也有它，尽管它可以作为 Chrome 选项卡而不是 Visual Studio Code 选项卡访问。

目前我只看到小部件树，我确定有内存、性能检查器...

【问题讨论】：

标签： visual-studio flutter dart visual-studio-code flutter-layout

【解决方案1】：

问题是目前只有 Web 小部件检查器和调试器可用，请参阅 this issue。

如果您像我一样同意通知开发人员为什么这些不可用而不是神秘失踪的消息，请为 GitHub 问题投票。

【讨论】：

【解决方案2】：

版本：1.50.1

您应该可以在 Dart: Open DevTools段

【讨论】：

谢谢。你是在 Windows 上还是在 macOS 上？我有一个 macOS 1.50.1，除了布局资源管理器之外，我看到了与您相同的东西。

【解决方案3】：

在 VSCode 中实际上没有这样的布局检查器。

你可以做的如下：

在物理设备或模拟器上运行您的应用。
在 Windows 操作系统上按 Ctrl + Alt + D。
您的 Profiler 将在 WEB 上运行

简而言之，您在第一张图片中显示的内容是 VSCode 中可能实现的。在 Android Studio 中，它位于底部（状态栏）

【讨论】：