![\"\"](\"https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2020\/04\/liveshare.png\")
<\/p>\nVisual Studio Code es un editor de c\u00f3digo fuente desarrollado por Microsoft para Windows , Linux y macOS que permite instalar extensiones adicionales para mejorar el flujo de trabajo.<\/p>\n
<\/p>\n
En muchos equipos que trabajan con la metodolog\u00eda Agile se realiza un desarrollo pair programming, en la que dos programadores trabajan juntos en una \u00fanica estaci\u00f3n de trabajo. Ahora que el teletrabajo es una necesidad m\u00e1s que una opci\u00f3n os mostraremos una herramienta que nos permitir\u00e1 aumentar la comunicaci\u00f3n entre nuestro equipo.<\/p>\n
Visual Studio Code es un editor de c\u00f3digo fuente desarrollado por Microsoft para Windows, Linux y macOS que permite instalar extensiones adicionales para mejorar el flujo de trabajo.
\nUno de ellos es Visual Studio Live Share, una extensi\u00f3n descargable a trav\u00e9s del propio editor accesible si tenemos una cuenta gratuita de Microsoft o GitHub.<\/p>\n
<\/p>\n
Las principales caracter\u00edsticas destacadas son:<\/p>\n
1. Iniciar una sesi\u00f3n de c\u00f3digo compartido en tiempo real sin necesidad de clonar el repositorio o configurar el entorno.<\/strong> 2. Live share permite editar y depurar a la vez para todo el equipo.<\/strong> Dispone de un chat, llamada de audio y permite atraer la atenci\u00f3n sobre el cursor a uno o todos los participantes, haciendo m\u00e1s f\u00e1cil el trabajo conjunto.<\/p>\n 3. Cada desarrollador mantiene sus preferencias personales en el editor.<\/strong> Podemos configurar el entorno para mantener el tema, enlaces del teclado y nuestro propio cursor. 4. Uso compartido de servidores y puerto<\/strong> 5. Controles de acceso<\/strong> 6. Uso en la docencia<\/strong> <\/p>\n MANUAL DE USO<\/strong><\/p>\n Anfitri\u00f3n:<\/strong>
\nUn usuario puede generar la sesi\u00f3n en su equipo e invitar a que otros puedan crear y editar c\u00f3digo a la vez en el mismo equipo, con acceso a terminal en modo de s\u00f3lo lectura y escritura. El usuario invitado podr\u00e1 ejecutar el enlace en su propio Visual Studio Code o en un navegador sin necesidad de instalar ninguna herramienta adicional.<\/p>\n![\"\"](\"https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2020\/04\/liveshare2.png\")
<\/p>\n
\nYo personalmente tengo el tema en Azul Mandalorian cuando soy invitado, y Angular Red cuando soy host, lo que me permite tener mayor control visual del entorno. <\/p>\n![\"\"](\"https:\/\/inlab.fib.upc.edu\/wp-content\/uploads\/2020\/04\/liveshare3.png\")
<\/p>\n
\nAl depurar conjuntamente, puede ser muy \u00fatil obtener acceso a diferentes partes de la aplicaci\u00f3n ofrecidas por el anfitri\u00f3n para la sesi\u00f3n de depuraci\u00f3n. Puede que quiera acceder a la aplicaci\u00f3n en un explorador, acceder a una base de datos local o alcanzar un punto de conexi\u00f3n REST desde sus herramientas. Live Share le permite \u00abcompartir un servidor\u00bb, lo cual asigna un puerto local en la m\u00e1quina del anfitri\u00f3n en exactamente el mismo puerto de la m\u00e1quina de cada invitado. Luego, como invitado, puede interactuar con la aplicaci\u00f3n como si se estuviera ejecutando localmente en su m\u00e1quina (por ejemplo, tanto el anfitri\u00f3n como el invitado pueden acceder a una aplicaci\u00f3n web que se ejecute en http:\/\/localhost:3000).<\/p>\n
\nComo anfitri\u00f3n esta herramienta nos proporciona multitud de opciones para interactuar con los invitados, bien sea bloquear el acceso a determinadas carpetas, permisos de s\u00f3lo lectura en unos archivos pero en otros tambi\u00e9n de escritura, o bien requerir aceptaci\u00f3n de los invitados a la sesi\u00f3n.<\/p>\n
\nCuando los instructores ense\u00f1an una lecci\u00f3n, pueden usar Live Share para compartir su proyecto con estudiantes, en lugar de simplemente presentar su pantalla. Esto permite que la clase completa siga junto con el profesor, mientras que puede interactuar con el proyecto por s\u00ed mismo. Adem\u00e1s, el profesor puede pedir a los estudiantes individuales que le ayuden a resolver una parte determinada de la lecci\u00f3n (por ejemplo, \u00ab\u00bfQu\u00e9 m\u00e9todo deber\u00eda llamar aqu\u00ed?\u00bb), que puede ayudar en los aspectos sociales de la clase.<\/p>\n
\nUna vez instalada la extensi\u00f3n, habr\u00e1 que hacer click en el icono correspondiente e iniciar una sesi\u00f3n colaborativa. Se podr\u00e1 invitar mediante enlace o mediante correo electr\u00f3nico. Los contactos de sesiones anteriores aparecer\u00e1n en favoritos simplificando este paso.<\/p>\n
![](\"https:\/\/lh3.googleusercontent.com\/tDPtp2QDMyzSewpozCooFMtBpbY1VH8EY4M1RiMqzxRnpWRRaDUfsZA5GWEWGEtyUEoLOlnD1WyUlLmoCEiKmQ71bZH_Jeuujbsa9jXCeH8ssf_H48THF8Vr6ZbjqqOl2Vu-6uom\")
<\/span><\/span><\/p>\n![](\"https:\/\/lh3.googleusercontent.com\/Ng3fTXRw-feyDflFlQ9LSaZ2FLuAMVo9fhHC59bSMIm17eKpoMnCzLMpPPRhl-ygrXFjJTwkOxdebHwi1ZsEkl-713gEd_dmyD04iOEZtfE5Yffhqfpmqg-0ajy44KY8qLh_PYUG\")
<\/span><\/span><\/p>\n