从 VS Code 运行 DevTools
添加 VS Code 扩展
#要在 VS Code 中使用 DevTools，您需要 Dart 扩展。如果您正在调试 Flutter 应用程序，还应安装 Flutter 扩展。
启动要调试的应用程序
#通过在 VS Code 中打开项目根文件夹（包含 pubspec.yaml 的文件夹）并点击运行 > 开始调试（F5）来启动应用程序的调试会话。
启动 DevTools
#调试会话处于活动状态且应用程序启动后，打开 DevTools 命令将在 VS Code 命令面板（F1）中可用。
所选工具将在 VS Code 内嵌入打开。
您可以选择使用 dart.embedDevTools 设置始终在浏览器中打开 DevTools，并使用 dart.devToolsLocation 设置控制它是以完整窗口打开还是在当前编辑器旁边的新列中打开。
Dart/Flutter 设置的完整列表可在 dartcode.org 或 VS Code 设置编辑器 中找到。您还可以在 dartcode.org 上找到一些 VS Code 中 Dart/Flutter 的推荐设置。
您还可以查看 DevTools 是否正在运行，以及从语言状态区域（状态栏中Dart旁边的 {} 图标）在浏览器中启动它。
除非另有说明，否则本网站上的文档反映了 Flutter 的最新稳定版本。页面上次更新于 2024-04-09。 查看源代码 或 报告问题.