从 VS Code 运行 DevTools

要从 VS Code 使用 DevTools，您需要 Dart 扩展。 如果您正在调试 Flutter 应用程序，还应安装 Flutter 扩展。

通过在 VS Code 中打开项目的根文件夹（包含 pubspec.yaml 的文件夹）并单击 运行 > 启动调试 (F5) 来启动应用程序的调试会话。

调试会话激活且应用程序启动后，打开 DevTools 命令将在 VS Code 命令面板中可用 (F1)。

所选工具将在 VS Code 内部嵌入式窗口中打开。

您可以使用 dart.embedDevTools 设置选择始终在浏览器中打开 DevTools，并使用 dart.devToolsLocation 设置控制它是否以全屏窗口或在当前编辑器旁边的新的列中打开。

完整的 Dart/Flutter 设置列表可在 dartcode.org 或在 VS Code 设置编辑器 中找到。 可以在 dartcode.org 上找到 VS Code 中 Dart/Flutter 的一些推荐设置。

您还可以从语言状态区域（状态栏中 Dart 旁边的 {} 图标）查看 DevTools 是否正在运行以及在浏览器中启动它。