9 puntos por xguru 2021-10-21 | 3 comentarios | Compartir por WhatsApp

"Open Source files in VS Code"

  • Se podrán guardar de verdad los cambios hechos al código mientras se depura código front-end en el navegador

→ Si estás trabajando en local, el navegador lo detecta automáticamente, te pide seleccionar la carpeta raíz y solicita permisos de acceso al disco

→ Si lo autorizas, todos los enlaces de DevTools se abrirán en VSCode en vez de en la ventana Source del navegador, y te llevarán a la ubicación de ese archivo

→ Los cambios hechos en DevTools se aplican de inmediato en VSCode, y si editas y guardas en VSCode también se sincronizan con el navegador

  • Solo funciona si se activa en Settings-Experiments

3 comentarios

 
ragus 2021-10-22

Pero hoy en día, en lugar de desarrollar usando HTML, CSS y JS puros, mucha gente usa TypeScript o desarrolla SPAs, así que hay que compilar mediante herramientas como webpack, y me queda la duda de si esta función realmente será útil.

 
babo3yong2 2021-10-21

https://vscode.dev/

Parece que ya lo hicieron público.

 
xguru 2021-10-22

Ah, me pareció que esto era un poco distinto, así que lo publiqué como un artículo separado.