如何调试Dart_Frog应用？VSCode调试器连接方法

完全可以用VSCode调试器连接Dart Frog应用，具体操作步骤如下：

方法一：直接启动并调试 #

1. 打开VSCode的调试面板：按下Ctrl+Shift+D（Windows/Linux）或Cmd+Shift+D（Mac），点击「创建launch.json文件」，选择「Dart」环境。
2. 替换自动生成的launch.json内容为以下配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Dart Frog Dev",
      "request": "launch",
      "type": "dart",
      "program": "dart_frog",
      "args": ["dev"],
      "cwd": "${workspaceFolder}"
    }
  ]
}

3. 在代码中设置断点（点击行号左侧空白处，出现红色圆点），然后点击调试面板的绿色启动按钮（或按F5）。VSCode会自动启动dart_frog dev服务并连接调试器，程序执行到断点时会暂停，支持查看变量、单步执行等调试操作。

方法二：附加到已启动的服务 #

如果已经手动启动了服务，可通过附加模式调试：

1. 在launch.json中添加附加调试配置：

{
  "name": "Attach to Dart Frog",
  "request": "attach",
  "type": "dart",
  "deviceId": "localhost",
  "port": 9100
}

2. 启动dart_frog dev时加上调试参数：dart_frog dev --debug
3. 回到VSCode调试面板，选择「Attach to Dart Frog」配置，点击启动按钮即可连接到运行中的服务。

内容的提问来源于stack exchange，提问作者Tusshu