Microsoft Edge (Chromium) Tools for VSCode är nu allmänt tillgängliga

Microsoft tillkännagav idag den allmänna tillgängligheten för nya Microsoft Edge Tillols för VS Code extension. Detta tillägg kommer att tillåta utvecklare att använda Edge-webbläsarens Elements and Network-verktyg från VS Code-redigeraren. DevTools kommer att ansluta till en instans av Microsoft Edge vilket ger dig möjlighet att se HTML-strukturen för körning, ändra layout, fixa stilproblem och visa nätverksförfrågningar utan att lämna VS-koden.

Att kontinuerligt växla mellan redigerare och webbläsare lägger till kognitiv belastning till ditt arbetsflöde under hela dagen. Du byter från en miljö till en annan – från utveckling till felsökningsläge – och du måste byta tillbaka. Den feedbacken var det som fick oss att utforska hur man bäddar in utvecklarverktygen i en tillägg, så att du kan se vad din kod genererar och felsöka den utan att lämna ditt "utvecklings"-tänk." – Microsoft Edge-teamet.

Microsoft Edge Tools for VS Code funktioner:

• Felsökningskonfigurationer för att starta webbläsaren Microsoft Edge i fjärrfelsökningsläge och automatisk bifoga verktygen,
• Sidofältsvy för listning av alla felsökningsbara mål, inklusive flikar, tillägg, servicearbetare, etc.
• Fullständigt element och nätverksverktyg med vyer för HTML, CSS, tillgänglighet och mer.
• Skärmcast-funktion som låter dig se din sida utan att lämna VSCode.
• Gå direkt till raden/kolumnen för källfiler i din arbetsyta när du klickar på en länk eller CSS-regel i Elements-verktyget.
• Bifoga Microsoft Edge-verktygen automatiskt när du börjar felsöka med tillägget Debugger for Microsoft Edge.

Du kan ladda ner den nya förlängning här.

Källa: Microsoft