DEV Community

Ahmed Ahmia
Ahmed Ahmia

Posted on

Live Edge DevTools bridges two of the most popular VS Code extensions — Live Server and Microsoft Edge DevTools —

Live Edge DevTools bridges two of the most popular VS Code extensions — Live Server and Microsoft Edge DevTools — so your HTML files open at http://localhost instead of file://, with full DevTools support right inside VS Code.

  • No more broken fetch calls.
  • No failed service workers.
  • No CORS headaches during development.

Live Edge DevTools bridges two of the most popular VS Code extensions — Live Server and Microsoft Edge DevTools
I wrote a full breakdown of why this matters and how I built it on Medium — from the hidden cost of file:// to the 150 lines of TypeScript that connect everything together:

👉

The extension is live on the VS Code Marketplace — free, open source, and ready to use:

🔗

If this saves you time in your workflow, a ⭐ on the marketplace or a share would mean a lot. And if you have ideas for what to add next, drop them in the comments — I'd love to hear from you!

Top comments (0)