Can't find Flutter Inspector / Toggle Debug Paint in Visual Studio Code

3,786

The command "Flutter: Toggle Debug Paint" was replaced with "Flutter: Inspect Widget" in version 2.17.0 but starting with version 2.24.0 it was also replaced with Dart DevTools option which is the new and current feature for debugging and inspecting Dart/Flutter.

In the command palette:

>Dart: Open DevTools

Note that the debug session must be active in order for the option to be available:

enter image description here

Share:
3,786
Evandro Pomatti
Author by

Evandro Pomatti

Updated on December 10, 2022

Comments

  • Evandro Pomatti
    Evandro Pomatti over 1 year

    Trying to find the option Toggle Debug Paint or Flutter Inspector with no success in VS Code.

    I have Flutter and Dart extensions installed on version 2.24.0.

    enter image description here

  • Dpedrinha
    Dpedrinha almost 3 years
    It opens a blank browser window here.
  • Muhammed Aydogan
    Muhammed Aydogan almost 3 years
    You can also get the address of your app from vscode debug console. I mean the address which is required to first setup dart devtools.