Skip to content
⚡️Awesome resources for Visual Studio Live Share
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Renaming Team Chat to Live Share Chat Aug 8, 2019

README.md

Awesome Live Share

Awesome Badge

A curated list of awesome Visual Studio Live Share articles, editor extensions and more. Inspired by other awesome lists and meant to provide visibility to resources that can help make your real-time collaborative development experience even better! If you notice something missing below, that would benefit the community, please feel free to submit a PR or reach out to @lostintangent on Twitter 👋

Contents

Editor Extensions

While Visual Studio Live Share provides a rich collaborative experience out-of-the-box (e.g. editing, debugging, terminals, localhost servers), it's also fully extensible, which enables 3rd party extensions to augment it in new and interesting ways. Check out the following extensions in order to up-level your Live Share collaboration sessions:

Visual Studio Code

Chat / Communication

  • CodeStream - Provides an integrated chat and rich commenting system, that includes the ability to easily spin up Live Share sessions from a chat thread.
  • Discord Presence - Allows other Discord users to easily spectate and/or join your active Live Share sessions (example).
  • Live Share Audio - Provides integrated audio calling for Live Share sessions, without needing to use a seperate service (example).
  • Live Share Chat - Provides integrated text chat for Live Share sessions, without needing to use a seperate service (example).

Miscellaneous

  • Chronicler - Allows you to automatically record a video of your Live Share sessions, for later use/reference (e.g. sharing with the team).
  • Live Share Communities - Provides a way to discover, share and receive assistance in real-time, from developers across your favorite communities.
  • Live Share Whiteboard - Provides a real-time, collaborative whiteboard to Live Share sessions (example).
  • Peacock - Enables you to visually identity when you’re in a Live Share session, by changing the color of the workbench (e.g. title bar, activity bar, status bar).
  • Profile Switcher - Allows you to define a settings profile that is activated/deactivated when you start/end a Live Share session (example).
  • Quokka.js - A live JavaScript scratchpad, that can be collaboratively edited by everyone in a Live Share session (example).

Testing

  • Test Explorer - Provides a shared test runner, where the results of test runs are viewable in real-time.

Time Tracking / Management

  • Code Time - Automatically track how you spend your time coding, including the time spent in Live Share sessions (example).
  • Live Share Pomodoro - Provides a shared Pomodoro timer for everyone in the Live Share session, which can help add some structure to your pairing workflow (example).

Version Control

  • GitHub Pull Requests - Allows you to review a PR in real-time with other developers (example).
  • GitLens - Enables guests within a Live Share session to view inline Git blame info as well as rich commit history. This is one of the most valuable VS Code extensions in the marketplace, and it's also fully collaborative! (example).

Web Development

  • Browser Preview - Allows participants within a Live Share session to browse the same pages together, which can be particularly using for debugging a web app, or viewing documentation (example).
  • Live Server - Allows you to easily spin up a local web server for static HTML files. When in a Live Share session, the local servers are automatically shared with guests, so that everyone can work on it together, without needing to manually share the underlying port (example).

Visual Studio

Integrated Chat

  • CodeStream - Provides an integrated chat and rich commenting system, that includes the ability to spin up Live Share sessions.

Diagnostics

  • OzCode - Provides awesome debugging enhancements, including a fully collaborative time-travel debugger.

Resources

Check out the following resources in order to learn how to get the most out of Visual Studio Live Share, understand how others are using it, and (hopefully!) answer any questions you may have:

Articles

Documentation

  • Visual Studio "How to" - Provides a quick start for using Live Share in Visual Studio.
  • Visual Studio Code "How to" - Provides a quick start for using Live Share in Visual Studio Code.
  • Security Considerations - Discusses the various mechanisms that Live Share provides in order to collaborate securely.
  • Connectivity Requirements - Explains the requirements for deploying Live Share within your organization's network.
  • Common Use Cases - Outlines the diverse set of ways that developers are using Live Share today (e.g. pair programming, mentoring, interactive brown bags).

Extensibility SDKS

  • Visual Studio - NuGet package for adding Live Share integration to your Visual Studio extension.
  • Visual Studio Code - NPM package for adding Live Share integration to your Visual Studio Code extension.
    • Sample Extension - A simple, collaborative counter extension, which illustrates how to synchronize custom state between participants in a Live Share session

Workflow Details

You can’t perform that action at this time.