Kód Edge a Visual Studio. Skvělá kombinace pro webové vývojáře

Přiznávám, miluji produkty Microsoftu. Ne přesně Windows, ale protože to Apple a Google porazili na mobilním trhu, Společnost vyvinula řadu velmi zajímavých aplikací s otevřeným zdrojovým kódem, přičemž Edge a VS Code jsou dva z mých oblíbených.

Proto se mi to zdálo velmi dobré rozhodnutí integrovat vývojové nástroje prohlížeče do editoru kódu. Přesto mě to nepřestává znepokojovat, že to pomáhá upevnit virtuální monopol ve webových vykreslovacích strojích.
Společnost Microsoft právě oznámila, že je nyní k dispozici nové rozšíření Microsoft Edge Tools pro VS Code. Toto nové rozšíření umožní vývojářům používat vývojářské nástroje, které jsou obsaženy v jejich prohlížeči z editoru.

Screenshot, který vidíte na začátku článku, je mé vlastní instalace vývojové verze Visual Studio Code v Linuxu.

Nové rozšíření umožňuje vývojářům používat nástroj Edge Elements a Network z aplikace. Tímto způsobem můžete zjistit problémy se stylem, designem a CSS a upravit kód, aniž byste museli otevírat jiný program.

To opravuje nedostatek, který některým vývojářům v Linuxu chyběl. Kromě BlueGriffonu, který je placen, neexistovala žádná aplikace, která by kombinovala výkonný editor se schopností prohlížet si web.

Zásadním závazkem společnosti Microsoft k svobodnému softwaru (který si mnozí lidé nepamatují, že pochází z posledních dnů Steva Ballmera jako prezidenta společnosti) bylo přilákat vývojáře, kteří stále více upřednostňovali otevřené alternativy kódu. Bezpochyby ocení zkrácení doby ladění, které nové rozšíření přinese

Tento nástroj byl zatím v experimentální fázi ve formě dvou samostatných rozšíření.
na hlavním panelu.

Nastavení rozšíření umožňuje uživatelům zvolit si dva způsoby, jak otevřít prohlížeč. V režimu bez hlavy se prohlížeč neotevře v samostatném okně, ale místo toho se otevře v levém podokně editoru.

Mezi hlavní podporované funkce patří nastavení ladění pro spuštění prohlížeče Microsoft Edge v režimu vzdáleného ladění a automatické připojení nástrojů.

Nabízí také pohled na postranním panelu se seznamem laditelných cílů, jako jsou karty a rozšíření, a funkci odlévání obrazovky, která umožňuje vývojářům zobrazit jejich stránku a kód současně.

Důležité je, že lRozšíření musí mít nainstalovaný Microsoft Edge. Zdá se, že nefunguje s Chrome nebo jiným prohlížečem.

Edge a Visual Studio Code Budou nástroje fungovat na Linuxu?

To je něco, co stojí za zmínku. Ačkoli je rozšíření již v úložišti rozšíření VS Code a uživatelé systému Linux si jej mohou nainstalovat, abyste měli přístup ke zkušební verzi prohlížeče Edge, budete si muset počkat do někdy v říjnu  (I když si představuji, že můžete provést nějaké řešení pomocí symbolických odkazů).

Počáteční vydání bude mít balíčky pro všechny hlavní distribuce Linuxu, včetně Ubuntu, Fedory a openSUSE, které používají nativní balíčky namísto formátů pro různé platformy, jako jsou Snap, FlatPak nebo Appimage. V tuto chvíli jej lze stáhnout pouze ze stránky projektu.

Je známo, že kromě možností synchronizace pomocí účtů Microsoft první zkušební verze budou mít stejné vlastnosti jako verze pro Windows a Mac. Lze tedy očekávat, že se bude perfektně integrovat s rozšířením, o kterém diskutujeme.

Jak používat rozšíření

Postup použití rozšíření je následující
1) Nainstalujte libovolnou verzi Microsoft Edge.
2) Nainstalujte VS kód
3) Nainstalujte si rozšíření Microsoft Edge Tools pro VS Code
4) Nainstalujte si Debugger pro Microsoft Ede rozšíření.
5) Otevřete složku obsahující projekt, na kterém chcete pracovat.

Pro ty, kteří nemají rádi nic společného s Microsoftem, mohou zkusit použít VS Codium, Zdrojový kód VS Code, laděný ze všech telemetrických nástrojů společnosti Microsoft a podvádějící systém tak, aby si myslel, že Chromium je Edge. Samozřejmě si nejsem příliš jistý, že to funguje.

více informací