Edge i Visual Studio Code. Una genial combinació per a desenvolupadors web

Edge i Visual Studio

Ho confesso, m'encanten els productes de Microsoft. No precisament Windows, però, des que Apple i Google li van donar una pallissa al mercat dels mòbils, l'empresa ha desenvolupat una sèrie d'aplicacions molt interessants de codi obert, sent Edge i VS Code dos dels meus favorites.

Per això em va semblar molt bona la decisió d'integrar les eines de desenvolupament de el navegador a l'editor de codi. Encara que, no deixa de preocupar-me que això ajudi a consolidar el virtual monopoli en els motors de renderitzat web.
Microsoft acaba d'anunciar que ja està la disponible la nova extensió Microsoft Edge Tools for VS Code. Aquesta nova extensió permetrà als desenvolupadors utilitzar des de l'editor les eines per a desenvolupadors que vénen incloses en el seu navegador.

La captura de pantalla que veuen a el principi de l'article és de la meva pròpia instal·lació de la versió en desenvolupament de Visual Studio Code en Linux.

La nova extensió permet als desenvolupadors utilitzar l'eina Edge Elements and Network des de dins de l'aplicació. D'aquesta manera es poden detectar problemes d'estil, disseny i CSS i modificar el codi sense haver d'obrir un altre programa.

Això soluciona una mancança que alguns desenvolupadors trobaven a faltar en Linux. Llevat BlueGriffon que és de pagament, no hi havia una aplicació que combinés un potent editor amb la possibilitat de visualitzar el lloc.

En principi, l'aposta de Microsoft pel programari lliure (que encara que molta gent no ho recordi data dels últims temps de Steve Ballmer a la presidència de l'empresa) va ser per atraure els desenvolupadors que cada vegada més estaven preferint les alternatives de codi obert. Sense dubte, ells agrairan la reducció de el temps de depuració que portarà la nova extensió

Fins al moment aquesta eina es trobava en fase experimental sota la forma de dues extensions separades.
n la barra de tasques.

La configuració de l'extensió permet als usuaris triar dues maneres d'obrir el navegador. En la manera headless, el navegador no s'obre en una finestra separada, sinó que s'obre al panell esquerre de l'editor.

Les principals característiques suportades inclouen configuracions de depuració per llançar el navegador Microsoft Edge en mode de depuració remota i la connexió automàtica de les eines.

També ofereix una vista de barra lateral per llistar els objectius depurables, com les pestanyes i les extensions, i una funció de screen-càsting que permet als desenvolupadors veure la seva pàgina i el codi en forma simultània.

Un punt important és que la extensió necessita si o si tenir instal·lat Microsoft Edge. No sembla funcionar amb Chrome o un altre navegador.

Edge i Visual Studio Code ¿Funcionaran les eines a Linux?

Això és una cosa que val la pena destacar. Encara que l'extensió ja està a la botiga d'extensions de VS Code, i els usuaris de Linux podem instal·lar-la, per tenir accés a una versió de prova de el navegador Edge caldrà esperar a algun moment d'octubre  (Encara que imagino que es pot fer algun arranjament usant enllaços simbòlics).

La versió inicial tindrà paquets per a les principals distribucions de Linux, incloent Ubuntu, Fedora i openSUSE utilitzant paquets nadius en lloc de formats multiplataforma com Snap, FlatPak o Appimage. De moment només es podrà descarregar de la pàgina de el projecte.

Se sap que llevat de les opcions de sincronització usant els comptes de Microsoft, les primeres versions de prova tindran les mateixes característiques que les versions Windows i Mac. Per tant, és d'esperar que s'integrarà perfectament amb l'extensió que estem comentant.

Com utilitzar l'extensió

El procediment per utilitzar l'extensió és el següent
1) Instal·lar qualsevol versió de Microsoft Edge.
2) Instal·lar VS Code
3) Instal·lar l'extensió Microsoft Edge Tools for VS Code
4) Instal·lar l'extensió Debugger for Microsoft Ede.
5) Obrir la carpeta que conté el projecte en el qual es vol treballar.

Per a aquelles persones que no els agrada gens que tingui a veure amb Microsoft, podrien provar utilitzant VS Codium, el codi font de VS Code, depurat de totes les eines de telemetria de Microsoft i enganyant el sistema perquè creguin que Chromium és Edge. És clar que no estic massa segur que funcioni.

Més informació


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: AB Internet Networks 2008 SL
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   anonimo va dir

    Quants dòlars li paguen per promocionar?
    Dan vergonya aliena ... si us plau vagin a promocionar coses de Microsoft a fòrums o pàgines per Microsoft windows ... .sinceramente pensen que la gent és tan idiota?
    Maledicció! que món de gent mediocre i guillada que estem veient.

    1.    Lleó va dir

      No té res de dolent. Té dret a expressar el que m'agrada. Què delicada és la gent ara.

  2.   marc Villanueva va dir

    «Ho confesso, m'encanten els productes de Microsoft. No precisament Windows, però, des que Apple i Google li van donar una pallissa al mercat dels mòbils, l'empresa ha desenvolupat una sèrie d'aplicacions molt interessants de codi obert, sent Edge i VS Code dos dels meus favorites. »

    'Que brutal inici per a un post de linux !! Et felicito per deixar de ser de ment quadrada, cal beneficiar-nos de opensource i si les eines vénen de Microsoft, endavant .... Deixem la baralla de windows vs linux per als 90s ja que el opensource ara per ara és la forma.

    Gràcies per tan interessant article.

    1.    Diego Germán González va dir

      Gràcies per dir-ho