To use the DevTools from VS Code, you need theDart extension. If you're debugging Flutter applications, you should also install theFlutter extension.

Start a debug session for your application by opening the root folder of your project (the one containingpubspec.yaml) in VS Code and clickingRun > Start Debugging (F5).

Once the debug session is active and the application has started, theOpen DevTools commands become available in the VS Code command palette (F1):

The chosen tool will be opened embedded inside VS Code.

You can choose to have DevTools always opened in a browser with thedart.embedDevTools setting, and control whether it opens as a full window or in a new column next to your current editor with thedart.devToolsLocation setting.

A full list of Dart/Flutter settings are available ondartcode.org or in theVS Code settings editor. Some recommendation settings for Dart/Flutter in VS Code can also be found ondartcode.org.

You can also see whether DevTools is running and launch it in a browser from the language status area (the{} icon next toDart in the status bar).