How to use flutter inspector in visual studio code

[PRAVIN MARATHE]

Hi Guys,

How to use flutter inspector in visual studio code.

Anyone have a idea?

Regards,

Pravin Marathe

[Kamran Ali]

https://stackoverflow.com/questions/53381536/how-to-use-flutters-widget-inspector-in-visual-studio-code

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[PRAVIN MARATHE]

Thanks. it worked.

[Danny Tuppeny]

The info in that Stack Overflow answer is out of date as of last week (I'll post a new answer shortly). The "Inspect Widget" command was simple functionality that let you tap a widget in the app and have VS Code jump to the source code that created that widget.

In the current version of the VS Code plugin, there's integration with the Dart DevTools which include an inspector tree. The DevTools are still a preview, though already provide more functionality than the command above. You can launch them using the Dart: Open DevTools command, and there's a little more info here:

https://dartcode.org/releases/v2-24/

[PRAVIN MARATHE]

Just hour ago,  I installed flutter Dev tool and played around it. It's awesome tool and provides all functionalities like inspector in android studio.

Regards,

Pravin Marathe

[lokesh kumar C L]

Hi Pravin,

Even I have set up as per https://dartcode.org/releases/v2-24/ the following process, but am using Ubuntu, it's not launching on chrome, at footer there was Dart Dev Tools from there I launched to not able to find application port or URL of the application, banging my head, pls help me

[Sohel Yadav]

Make sure you run your application in debug mode.

[lokesh kumar C L]

Yes its in debug mode only

[Danny Tuppeny]

If you click "Dart DevTools" shown in the status bar at the bottom of your screenshot, what is the URL that it opens? It should have port=xxx in the URL but that seemed to be missing in your earlier screenshot.

You received this message because you are subscribed to a topic in the Google Groups "Flutter Dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/flutter-dev/Z20kOHLprtY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to flutter-dev...@googlegroups.com.

[lokesh kumar C L]

Actually, it was not opening in the browser, so I just picked URL from (Dart Dev Tools) Icon in Footer By Hovering Over it, its URL was without port http://127.0.0.1:35848/

[Danny Tuppeny]

Aha, that explains that.

As a quick fix to get you going, if you run the "Open Observatory" command, it'll open the Observatory web app - you can grab the port numbers from its URL, and then close that window and go paste it into DevTools.

However, it'd be good to track down why your browser isn't launching. Would you mind opening an issue on GitHub and include notes on whether there are any errors shown in the VS Code developer console (click Help -> Show Developer Tools).

Thanks!