从 VS Code 运行 DevTools

要在 VS Code 中使用 DevTools，你需要 Dart 扩展。如果你正在调试 Flutter 应用，还应该安装 Flutter 扩展。

通过在 VS Code 中打开项目根文件夹（包含 pubspec.yaml 的文件夹）并点击“运行 > 启动调试”（F5），为你的应用启动调试会话。

调试会话激活且应用启动后，VS Code 命令面板（F1）中会显示“打开 DevTools”命令。

所选工具将在 VS Code 中嵌入打开。

你可以通过 dart.embedDevTools 设置选择始终在浏览器中打开 DevTools，并通过 dart.devToolsLocation 设置控制它是以全窗口形式打开还是在当前编辑器旁的新列中打开。

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

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