VSCode Live Share

Wer kennt es nicht?

• Man kommt beim Coden nicht weiter und fragt jemanden um Hilfe. Im Screen Share kann sich das Gegenüber nicht frei im Code oder der IDE Konsole bewegen und dem Problem in seinem gewohnten Workflow auf den Grund gehen, sondern muss umständlich bitten, an die richtige Stelle zu navigieren. Außerdem kann es zu Problemen bei unterschiedlicher Bildschirmauflösung der beiden Personen kommen.
• Man will mit einem Teammitglied zusammen an einem Ticket arbeiten und versucht krampfhaft auszudrücken, was man meint, statt direkt selbst klicken und tippen zu können. Das ist frustrierend für alle Beteiligten und verlangsamt den Fortschritt erheblich.

Die Live Share Extension für Visual Studio Code erleichtert unserem Team täglich die Zusammenarbeit. Die Nutzung in VSCode ist unkompliziert:

In der Extension genügt ein Klick, um über den Share-Button eine neue Session zu starten. Den dabei automatisch kopierten Session-Link kann man anschließend beliebig versenden. Zusätzlich besteht die Möglichkeit, zu konfigurieren, ob lokale Server (wie das lokal laufende Frontend und Backend) oder Terminals geteilt werden sollen. Auch lässt sich festlegen, wer mit dem Link beitreten kann, um versehentliches Teilen zu verhindern.

Um an einer Session teilzunehmen, klickt man in der Live Share Extension auf den Join-Button oder öffnet den Link direkt im Browser. Die Erweiterung funktioniert sowohl in der Desktop-Anwendung als auch in der leicht limitierten Browser-Version von VSCode.

Die Verbindung über Live Share läuft je nach VSCode Konfiguration über eine Direktverbindung oder ein Azure-Relay, welches weder den Datenverkehr speichert noch wird der lokale Workspace in der Cloud gespeichert.

Eine gute Alternative für JetBrains IDE Nutzer*innen ist das Tool "Code With Me", das ähnliche Funktionalitäten wie VSCode Live Share bietet.

Live Share kann für eine Vielzahl von Szenarien genutzt werden:

• Kooperative Entwicklung

  • Alle Devs können sich unabhängig voneinander im Code bewegen.
  • Man kann anderen Teilnehmenden folgen oder jemanden zu sich rufen.
  • Durch die geteilten Server, können alle Teilnehmenden in ihrem lokalen Browser auf das Frontend/Backend des Hosts zugreifen. Falls man sich nicht in einem Teams Call befindet, kann auch über den Live Share Chat kommuniziert werden.

• Remote Debugging

  • Alle Teilnehmenden der Live Share Session können auf die aktuell laufende Debug-Session zugreifen und die interaktive Debug-Konsole verwenden.

• Code Reviews und Demos

  • Mittels Live Share können Code-Demonstrationen sehr interaktiv gestaltet werden und es ist einfacher für die Teilnehmenden den Code individuell nachzuvollziehen.