Debugging with VSCode

1. Install extensions

Install the VS Code extension to Flutter: https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

2. Getting the Observatory port

You will find the following message in the console when you run Flutter apps. You need to attach a debugger to this port when you want to debug it. Note that the URI changes every time after launching.

flutter: Observatory listening on http://127.0.0.1:43377/390I4oPyQ0U=/

3. Create launch.json

Create a launch.json file like the following.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "dart",
      "name": "Flutter eLinux desktop Attach",
      "request": "attach",
      "deviceId": "flutter-tester",
      "observatoryUri": "http://127.0.0.1:43377/390I4oPyQ0U=/"
    }
  ]
}

4. Flutter attach debugger

Click Run and Debug