microsoft / microsoft/vscode-edge-devtools

Support for Flutter Web Debugging in VS Code

Open
#2,299 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement tracked
Dominant language
TypeScript
Stars
828
Forks
359
Avg merge
20h 32m
Merged PRs (30d)
10

Description

Is your feature request related to a problem? Please describe.

Yes, it is related to a problem. I'm always frustrated when I have to manually copy the localhost URL into the VS Code instance to debug a Flutter web app. This process is inefficient and lacks the hot reload and restart features available in other debugging scenarios.

Describe the solution you'd like:

I would like the Microsoft Edge Tools for VS Code extension to support Flutter web debugging directly within VS Code. Specifically, I want to be able to run a Flutter web app by pressing F5 or starting a debug session and have it launch in the embedded Edge browser with full support for hot reload and restart features.

Describe alternatives you've considered:

The alternative I've considered is the current method of manually copying the localhost URL into the VS Code instance, but this is not efficient. Another alternative is using external tools or browsers, but these also lack the integrated experience and seamless hot reload functionality.

Additional context:

This feature would significantly improve the development workflow for Flutter web apps, making it more efficient and integrated. It would be a valuable addition for developers using Flutter with VS Code.

AB#52586853

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue provides no file or test entry point; begin by locating the extension's F5/debug-session handling and its embedded Edge integration. Confirm the expected result against a Flutter web app: F5 launches it in the embedded browser and hot reload/restart work without manually copying localhost URLs.

Written by the indexing model from the issue text.

Assessment

Tech stack
flutter, typescript, vscode
Domain
developer-experience, devtools
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.