在visual studio代码中调试dart

Question

我是Dart / Visual Studio代码的新手，并且设置了一个预定义的舞台应用程序“web-angular”。

我已经安装了dart语言支持扩展，并创建了一个名为c：\ webdev \ Angular_dart的新文件夹。在VSCode的终端内，我运行“stagehand web-angular”，然后“pub get”，然后“pub global run webdev serve web：8888”

我能够看到默认的网页（待办事项列表），但是当我从VSCode中点击F5时，它会给我一个错误，说它无法看到我的lib文件夹中的任何文件。

它击中的第一个是......

web/main.dart:2:8: Error: Error when reading 'lib/app_component.template.dart': The system cannot find the file specified.

import 'package:Angular_Dart/app_component.template.dart' as ng;

看起来我的.packages文件设置正确，因为我的最后一行读取

Angular_Dart:lib/

我的launch.json配置是

"name": "Dart",
"program": "web/main.dart",
"request": "launch",
"type": "dart"

有没有人见过这个？

提前致谢。

Answer 1

Dart VS Code扩展目前没有对Web应用程序的一流支持，所以不幸的是，它不像Fart那样简单，就像Flutter或CLI项目一样。

这里有一些相关的讨论：

• https://github.com/Dart-Code/Dart-Code/issues/386
• https://github.com/dart-lang/build/issues/1025

Flutter Devtools应用程序有点为此设置，并具有VS代码任务和启动配置与webdev serve启动：

https://github.com/flutter/devtools/tree/master/packages/devtools/.vscode

构建配置使用Chrome调试器启动浏览器，但有一个运行webdev serve的preLaunchTask。它有效，但调试并不完美，它通过Chrome Debugger扩展使用源地图。