отладка дротика в Visual Studio Code

Question

Я новичок в коде Dart / Visual Studio и столкнулся со стеной, настраивая одно из предопределенных сценических приложений "web-angular".

Я установил расширение поддержки языка dart и создалновая папка с именем c: \ webdev \ Angular_dart.Из терминала в VSCode я запустил «stagehand web-angular», затем «pub get», затем «pub global run webdev serve web: 8888"

Я могу видеть веб-страницу по умолчанию (задачасписок), но когда я нажимаю F5 из VSCode, я получаю сообщение об ошибке, в котором говорится, что он не видит никаких файлов в моей папке 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/

И мой запускКонфигурация .json

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

Кто-нибудь видел это?

Заранее спасибо.

Answer 1

Расширение Dart VS Code в настоящее время не имеет первоклассной поддержки веб-приложений, поэтому, к сожалению, это не так просто, как просто нажать F5, как для проектов Flutter или CLI.

Здесь есть некоторые соответствующие обсуждения:

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

Приложение Flutter Devtools несколько настроено для этого и имеет задачи VS Code и настройки запуска длязапустить с webdev serve:

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

Конфигурация сборки использует Chrome Debugger для запуска браузера, но имеет preLaunchTask, который запускает webdev serve.Это работает, но отладка не идеальна, она использует исходные карты через расширение Chrome Debugger.