Lanzamiento: ¡Version Preview del Live Share en el navegador!
Tags: vscode, webdev, javascript, node
Published: 2020-04-02 15:20:40

---
title: Lanzamiento: ¡Version Preview del Live Share en el navegador! 
published: true
description: En este artículo, entenderemos un poco más sobre la versión preview de Live Share en el navegador, nos permite realizar colaboraciones de código en tiempo real con otros desarrolladores.
tags: vscode, webdev, javascript, nodejs
---

[![Screen-Shot-04-01-20-at-10-01-PM.png](https://i.postimg.cc/pLS4L2mz/Screen-Shot-04-01-20-at-10-01-PM.png)](https://postimg.cc/18pJW1c3)

Si! Eso es lo que estás escuchando! En el último día 18/03/2020 se lanzó la versión preview de Live Share en el navegador!

¡Pero intentemos comprender un poco más cuál sería esta novedad y por qué este lanzamiento es tan importante para todos nosotros en los días de hoy!

## ¿Qué es Live Share en el navegador?

**[Live Share en el navegador](https://docs.microsoft.com/visualstudio/liveshare/quickstart/browser-join?WT.mc_id=devto-blog-gllemos)** nos permite realizar sesiones de colaboración de código usando el **[Visual Studio Code] (https://code.visualstudio.com/?WT.mc_id=devto-blog-gllemos)** con otras personas. ¡Pero directamente en el navegador! Lo más interesante de esto es que no hay necesidad de hacer instalación.

Así que, el desarrollador te envía una instancia de esta sesión para que otras personas que puedan unirse a esta colaboración y ayudarlo con algún código que tenga alguna pregunta o dudo en tu proyecto!

Con el Live Share se puede compartir instantáneamente su proyecto con sus compañeros desde la comodidad de sus propias herramientas. Para compartir, no es necesario clonar un repositorio o configurar el entorno. 

Otro punto muy importante con el **[Visual Studio Live Share](https://docs.microsoft.com/visualstudio/liveshare/?WT.mc_id=devto-blog-gllemos)** te permite **[editar y depurar conjuntamente](https://docs.microsoft.com/visualstudio/liveshare/quickstart/share?WT.mc_id=devto-blog-gllemos)**, tener una llamada de audio, chatear con sus compañeros, compartir terminales y servidores, ver comentarios y mucho más. No necesita cambiar su forma de trabajar para trabajar con otras personas. Live Share funciona para todas sus necesidades y las de su equipo.

Y el **[Visual Studio Live Share](https://visualstudio.microsoft.com/pt-br/services/live-share/)** no solo funciona para varios casos de uso, sino que también tiene un modelo de **[extensibilidad que le permite agregarle su propia personalización](https://docs.microsoft.com/visualstudio/liveshare/reference/use-cases?WT.mc_id=devto-blog-gllemos)**.

Así que, con el Visual Studio Live Share tenemos muchos beneficios. Entre estos:

* ✔️ **[Edición dinámica](https://docs.microsoft.com/visualstudio/liveshare/use/vscode?WT.mc_id=devto-blog-gllemos#co-editing)**
* ✔️ **[Entrevistas Técnicas](https://docs.microsoft.com/visualstudio/liveshare/use/technical-interviews?WT.mc_id=devto-blog-gllemos)**
* ✔️ **[Llamadas de audio](https://marketplace.visualstudio.com/items?itemName=ms-vsliveshare.vsliveshare-audio&WT.mc_id=devto-blog-gllemos)**
* ✔️ **[Depuración en grupo](https://docs.microsoft.com/visualstudio/liveshare/use/vs?WT.mc_id=devto-blog-gllemos#co-debugging)**
* ✔️ **[Servidores compartidos](https://docs.microsoft.com/visualstudio/liveshare/use/vscode?WT.mc_id=devto-blog-gllemos#share-a-server)**
* ✔️ **[Terminal compartida](https://docs.microsoft.com/visualstudio/liveshare/use/vscode?WT.mc_id=devto-blog-gllemos#share-a-terminal)**

## Genial! Pero, ¿cómo uso Visual Studio Live share en el navegador?

Excelente pregunta! ¡Vamos a explicar con apenas 3 pasos!

**#1 - Host:*** Comenzando la sesión

Para empezar, debe iniciar una sesión de colaboración en **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=devto-blog-gllemos)** o **[Visual Studio](https://visualstudio.microsoft.com/?WT.mc_id=devto-blog-gllemos)**. Con esto, podrá compartir sus carpetas de sus proyectos. Mira el gif!

[![Screen-Shot-04-01-20-at-10-01-PM.png](https://user-images.githubusercontent.com/51928518/76938928-b814e300-68b4-11ea-923e-cefabd4688c6.gif)](https://postimg.cc/18pJW1c3)

**#2 - Guest:** Compartir el enlace para unirse desde el navegador

El Live Share generará un enlace que puede compartir con el invitado. Después de enviar este enlace, el invitado, al hacer clic en ese enlace, accederá al entorno Live Share.

[![Screen-Shot-04-01-20-at-10-01-PM.png](https://user-images.githubusercontent.com/51928518/76941137-b8af7880-68b8-11ea-8228-41fdf4afd3ef.gif)](https://postimg.cc/18pJW1c3)

**#3 - Guest:** ¡Ahora es solo colaborar con el código!

Ahora que el invitado se ha unido a la sesión, ¡ahora es solo comenzar a realizar la colaboración del código!

[![Screen-Shot-04-01-20-at-10-01-PM.png](https://user-images.githubusercontent.com/51928518/76942009-40e24d80-68ba-11ea-885c-6eb1069ed550.gif)](https://postimg.cc/18pJW1c3)

Sencillo no?!

## Conclusión

Y para aquellos que quieran aprender más sobre el Visual Studio Live Share, aquí hay algunos cursos y videos interesantes:

* **[Official Website - Visual Studio Live Share](https://visualstudio.microsoft.com/services/live-share/?WT.mc_id=devto-blog-gllemos)**
* **[Visual Studio Live Share - Los que es?](https://docs.microsoft.com/visualstudio/liveshare/?WT.mc_id=devto-blog-gllemos)**
* **[Tutorial - Realizar entrevistas técnicas con Live Share](https://docs.microsoft.com/visualstudio/liveshare/use/technical-interviews?WT.mc_id=devto-blog-gllemos)**
* **[Cursos Grátis - Visual Studio Code](https://docs.microsoft.com/learn/browse/?term=code&WT.mc_id=devto-blog-gllemos)**

Y para saber esta y otras novedades, ¡sígueme en Twitter!

[![Twitter](https://code4coders.files.wordpress.com/2019/05/image-12.png)](https://twitter.com/glaucia_lemos86)

¡Hasta muy pronto! ❤️ ❤️ ❤️