visual-studio-code - 如何在 Visual Studio Code 中使用 Flutter 的 Widget Inspector?

标签 visual-studio-code widget flutter macos-sierra inspector

如何使用 Flutter Widget Inspector introduced在 VSCode 和现在 enabled ?当我从 IDE 或终端调试应用程序时,当我单击 iOS 模拟器中的任何小部件时没有任何反应。我在 Google 中找不到任何关于 VSCode 的信息.

我在 MacOS Sierra 上。

最佳答案

从 v2.24 开始,VS Code 的 Dart 扩展已与 Dart DevTools 集成。这比 stt106 提到的原始 Inspect Widget 命令具有更好的检查器功能。

在调试 session 处于事件状态时,打开命令面板并找到 DevTools 命令。

第一次运行时,系统可能会提示您激活或升级。

DevTools 将在您的浏览器中启动并连接到您的调试 session 。

这里有更多关于 Dart 的 DevTools 功能的信息 in the DevTools docs .

关于visual-studio-code - 如何在 Visual Studio Code 中使用 Flutter 的 Widget Inspector?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53381536/

相关文章:

android - 在 map View 上显示小部件

wordpress - 注册带或不带钩子(Hook)的侧边栏

dart - 为什么我的 Flutter 包突然警告我它不依赖于它的示例应用程序?

flutter - 如何将小部件放在 flutter 中的模态障碍上方?

flutter - 如何取消在主函数中打开的 StreamSubscription

visual-studio-code - 在Visual Studio代码中隐藏顶部栏(禅宗模式)

angular - 代码块内的jsdoc @字符

c++ - 通过按钮访问父部件的变量

visual-studio-code - Visual Studio Code TreeView 设置。恢复旧 View (2020 年之前)

perl - VSCode 扩展 : code-outline for Perl . cgi 文件