从 VS Code 运行 DevTools

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

在 VS Code 中打开项目根目录（包含 pubspec.yaml 的文件夹），点击 Run > Start Debugging（运行 > 开始调试）（F5），即可为应用启动调试会话。

调试会话处于活动状态且应用已启动后， Open DevTools（打开 DevTools）命令会出现在 VS Code 命令面板（F1）中：

所选工具会在 VS Code 内嵌打开。

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

完整的 Dart/Flutter 设置列表见 dartcode.org，或在 VS Code settings editor（VS Code 设置编辑器）中查看。 VS Code 中 Dart/Flutter 的部分推荐设置也可在 dartcode.org 找到。

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