The latest articles on Forem by Ahmed Ahmia (@orogeek). https://forem.com/orogeek https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3904884%2F50c9098f-c192-4c83-aafc-40517f9b4d96.png https://forem.com/orogeek en Ahmed Ahmia Wed, 29 Apr 2026 18:45:50 +0000 https://forem.com/orogeek/live-edge-devtools-bridges-two-of-the-most-popular-vs-code-extensions-live-server-and-microsoft-31pb https://forem.com/orogeek/live-edge-devtools-bridges-two-of-the-most-popular-vs-code-extensions-live-server-and-microsoft-31pb <p><strong>Live Edge DevTools</strong> bridges two of the most popular VS Code extensions — Live Server and Microsoft Edge DevTools — so your HTML files open at <strong><a href="http://localhost" rel="noopener noreferrer">http://localhost</a></strong> instead of <strong>file://</strong>, with full DevTools support right <strong>inside VS Code</strong>. </p> <ul> <li>No more broken fetch calls.</li> <li>No failed service workers.</li> <li>No CORS headaches during development.</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbapuxz92ff9nl51pxgyf.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbapuxz92ff9nl51pxgyf.gif" alt=" " width="800" height="450"></a></p> <p>Live Edge DevTools bridges two of the most popular VS Code extensions — Live Server and Microsoft Edge DevTools<br> I wrote a full breakdown of why this matters and how I built it on Medium — from the hidden cost of <strong>file://</strong> to the <strong>150 lines</strong> of TypeScript that connect everything together:</p> <p>👉 <a href="https://medium.com/@OroGeek/stop-debugging-in-the-dark-how-i-built-a-vs-code-extension-that-bridges-live-server-and-edge-d5e38ad3504f" rel="noopener noreferrer"></a></p> <p>The extension is live on the VS Code Marketplace — free, open source, and ready to use:</p> <p>🔗 <a href="https://marketplace.visualstudio.com/items?itemName=orogeek.live-edge-devtools" rel="noopener noreferrer"></a></p> <p>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!</p> showdev tooling vscode webdev