search

microsoft / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
753 stars 255 forks source link

Support for Flutter Web Debugging in VS Code #2299

Open mazen-salah opened 3 months ago

mazen-salah commented 3 months ago

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
captainbrosset commented 3 months ago

Thanks for filing this feature request.