从 VS Code 运行 DevTools
添加 VS Code 扩展
#要在 VS Code 中使用 DevTools,你需要 Dart 扩展。如果你正在调试 Flutter 应用,还应该安装 Flutter 扩展。
启动应用进行调试
#通过在 VS Code 中打开项目根文件夹(包含 pubspec.yaml
的文件夹)并点击“运行 > 启动调试”(F5
),为你的应用启动调试会话。
启动 DevTools
#调试会话激活且应用启动后,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 是否正在运行,并在浏览器中启动它。