如何使用 Angular 和 Flutter（都是 Dart）为工作区设置 VS Code 调试？

Posted 2023-02-23

【中文标题】如何使用 Angular 和 Flutter（都是 Dart）为工作区设置 VS Code 调试？

【英文标题】：How do I set up VS Code debugging for a workspace using Angular and Flutter (both Dart)?

【发布时间】：2019-04-13 14:01:21

【问题描述】：

我有一个具有以下结构的 VS Code 工作区：

Root
--[core] (basic Dart package)
--[mobile] (Flutter)
--[web] (Angular Dart)

如何为每个包配置调试器？到目前为止，我只有移动办公：

// launch.json

   "version": "0.2.0",
   "configurations": [
      
         "name": "Mobile",
         "program": "mobile/lib/main.dart",
         "request": "launch",
         "type": "dart"
      ,
   ]

通过 CLI 运行 angular dart 应用程序：

cd [web directory]
pub global activate webdev 
webdev serve

【参考方案1】：

您可以配置新任务并使用以下配置。只需运行任务，它就可以解决问题。

  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "command": "$HOME/.pub-cache/bin/webdev",
  "type": "shell",
  "args": [],
  "presentation": 
    "echo": true,
    "reveal": "always",
    "focus": false,
    "panel": "shared",
    "showReuseMessage": true,
    "clear": false
  ,
  "options": 
    "cwd": "./web"
  ,
  "tasks": [
    
      "label": "serve",
      "args": [],
      "isBackground": true
    
  ]