Flutter Inspector in Visual Studio code Flutter Inspector in Visual Studio code flutter flutter

Flutter Inspector in Visual Studio code


visual-studio-code flutter

Starting with version 2.24.0 the DevTools option is the new feature for debugging and inspecting.

Open the command palette Ctrl+Shift+P and type:

>Dart: Open DevTools

To access it your debug session must be running:

enter image description here

visual-studio-code flutter

as Danny Tuppeny (the creator of the dart plugin in VScode) montined :

the Flutter Inspector is not currently available in VS Code

you can follow this issue for more updates

UPDATE :

in the new Dart Code plugin for VS Code there is something similar look here

visual-studio-code flutter

To inspect a Widget in Flutter project:

1- Open the Command Palette (Ctrl+Shift+P (Cmd+Shift+P on macOS)).
2- Select the Flutter: Inspect Widget command and press Enter.
3- Tap on any widget in emulator.
4- See the widget tree.
5- Good luck.

Recent Posts
How can I color dots in a xy scatterplot according to column value?
How to update a claim in ASP.NET Identity?
What does {0} mean when initializing an object?
Accessing members of items in a JSONArray with Java
How to log SQL statements in Spring Boot?
Powershell Get-WebSite name parameter is ignored
How to detect scroll to bottom of html element
Java synchronized method
How to test controllers with CodeIgniter?
Detect Visual Composer
Matplotlib: Specify format of floats for tick labels
Rails join a list of strings with commas and "and" before the last