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

Posted

技术标签:

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

我的意思是这个:

我可以看到:

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

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

【问题讨论】:

【参考方案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 中,它位于底部(状态栏)

【讨论】:

以上是关于在 Visual Code Studio 中哪里可以找到 Flutter 布局检查器?的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio Code 在哪个路径安装扩展?

C# Visual Studio Code:构建 Hello World 可执行文件

如何在 WSL 的 Visual Studio Code 中为 PHP 开发设置我的 PHP 可执行路径?

visual studio code 设置php.validate.executablePath

Visual Studio Code pylint:无法导入'protorpc'

可以将 Visual Studio Code 配置为使用 nodemon 启动吗