Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lostintangent/awesome-liveshare

⚡️Awesome resources for Visual Studio Live Share
https://github.com/lostintangent/awesome-liveshare

List: awesome-liveshare

awesome awesome-list collaboration pair-programming visualstudio visualstudiocode

Last synced: about 1 month ago
JSON representation

⚡️Awesome resources for Visual Studio Live Share

Awesome Lists containing this project

README 

        
#  Awesome Live Share

![Awesome](https://awesome.re/badge.svg)

[![Badge](https://aka.ms/vsls-badge)](https://aka.ms/vsls)



A curated list of awesome [Visual Studio Live Share](https://aka.ms/vsls) articles, editor extensions and more. Inspired by other [awesome lists](https://github.com/sindresorhus/awesome-nodejs) 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](http://twitter.com/lostintangent) on Twitter 👋






# Contents



- [Editor Extensions](#extensions)

    - [Visual Studio Code](#visual-studio-code)

        - [Chat / Communication](#chat--communication)

        - [Drawing](#drawing)

        - [Miscellaneous](#miscellaneous)

        - [Testing](#testing)

        - [Time Tracking / Management](#time-tracking--management)

        - [Version Control](#version-control)

        - [Web Development](#web-development)

    - [Visual Studio](#visual-studio)

        - [Integrated Chat](#integrated-chat)

        - [Diagnostics](#diagnostics)

- [Resources](#resources)

    - [Articles](#articles)

    - [Documentation](#documentation) 

    - [Extensibility SDKS](#extensibility-sdks)

    - [Workflow Details](#workflow-details)



## 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](#exensibility-sdks), 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



- [GitLive](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub) - See what your teammates are working on in real-time and get notified of merge conflicts before you commit, make video calls with Live Share built-in.

- [CodeStream](https://marketplace.visualstudio.com/items?itemName=CodeStream.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](https://marketplace.visualstudio.com/items?itemName=icrawl.discord-vscode) - Allows other Discord users to easily spectate and/or join your active Live Share sessions ([example](https://twitter.com/LostInTangent/status/1070566201078640640)).

- [Live Share Audio](https://aka.ms/vsls-audio) - Provides integrated audio calling for Live Share sessions, without needing to use a seperate service ([example](https://twitter.com/lostintangent/status/1075155769870307329)).



#### Drawing



- [Drawio Integration](https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio) - Provides a rich diagraming canvas, that includes a fully collaborative experience, including shared cursors for all participants ([example](https://twitter.com/hediet_dev/status/1312498683347263488)).

- [Live Share Whiteboard](https://aka.ms/vsls-whiteboard) - Provides a real-time, collaborative whiteboard to Live Share sessions ([example](https://twitter.com/lostintangent/status/1079846355290415104)). 



#### Miscellaneous



- [Chronicler](https://marketplace.visualstudio.com/items?itemName=arcsine.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 Spaces](https://aka.ms/vsls-spaces) - Provides a way to discover, communicate and recieve assistance in real-time, from developers across your favorite teams, classrooms and communites.

- [Peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-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](https://marketplace.visualstudio.com/items?itemName=aaronpowell.vscode-profile-switcher) - Allows you to define a settings profile that is activated/deactivated when you start/end a Live Share session ([example](https://user-images.githubusercontent.com/116461/60541846-4dd8f580-9cc7-11e9-8b57-b8aca0252fb4.gif)).

- [Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) - A live JavaScript scratchpad, that can be collaboratively edited by everyone in a Live Share session ([example](https://twitter.com/wallabyjs/status/1050188666889428992)).



#### Testing



- [Test Explorer](https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-test-explorer-liveshare) - Provides a shared test runner, where the results of test runs are viewable in real-time.



#### Time Tracking / Management



- [Code Time](https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode) - Automatically track how you spend your time coding, including the time spent in Live Share sessions ([example](https://twitter.com/brettmstevens/status/1103809321702313984)).

- [Live Share Pomodoro](https://marketplace.visualstudio.com/items?itemName=lostintangent.vsls-pomodoro) - Provides a shared Pomodoro timer for everyone in the Live Share session, which can help add some structure to your pairing workflow ([example](https://twitter.com/lostintangent/status/1115847842453762049)).

- [Live Share Mob Timer](https://marketplace.visualstudio.com/items?itemName=pluralsight.live-share-mob-timer) - Provides a shared mob timer for everyone in the Live Share session, and notifies you when it's time to switch "drivers". Brought to you by the awesome folks at Pluralsight!



#### Version Control



- [GitHub Pull Requests](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) - Allows you to review a PR in real-time with other developers ([example](https://twitter.com/lostintangent/status/1093950344239837184)).

- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.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](https://twitter.com/LostInTangent/status/1085919402954874883)).



#### Web Development



- [Browser Preview](https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-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](https://twitter.com/auchenberg/status/1116362646784102400)).

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - 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](https://twitter.com/LostInTangent/status/1063445225140568065)).



### Visual Studio



#### Integrated Chat



- [CodeStream](https://marketplace.visualstudio.com/items?itemName=CodeStream.codestream-vs) - Provides an integrated chat and rich commenting system, that includes the ability to spin up Live Share sessions.



#### Diagnostics



- [OzCode](https://marketplace.visualstudio.com/items?itemName=CodeValueLtd.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



- [In Pursuit of Enjoyable Developer Collaboration](https://aka.ms/vsls-why) - Describes why Live Share was built, and the key reasons that make it a unique product for developer collaboration.

- [Collaboration Doesn't Come in "One Size Fits All"](https://dev.to/lostintangent/collaboration-doesn-t-come-in-one-size-fits-all-33ai) - Describes the multi-modality experience that Live Share enables for collaboration (e.g. focusing on the same thing, working independently).

- [Providing a Real-Time Compliment for Git-Based Collaboration](https://dev.to/lostintangent/providing-a-real-time-compliment-for-git-based-collaboration-1aah) - Illustrates how Live Share can be used to enhance existing Git workflows (e.g. code reviews, pull requests)

- [You Can’t Spell Collaboration Without Communication](https://dev.to/lostintangent/you-can-t-spell-collaboration-without-communication-2a3o) - Describes the Live Share Extension Pack, and the integrated communication experiences it adds on top of Live Share “core” (e.g. audio calls, text chat).

- [Building a Fully-Extensible Developer Collaboration Platform](https://dev.to/lostintangent/building-a-collaborative-development-platform-5c34) - Describes the Live Share SDK and how it enables Visual Studio Code extensions time add their own collaborative experiences.

- [Localhost Isn't Local Anymore](https://dev.to/lostintangent/localhost-isnt-local-anymore-2ib6) - Goes into detail about the ability to share localhost servers as part of a Live Share session.

- [Collaborative Development Requires a Shared Browser](https://dev.to/lostintangent/collaborative-browsing-within-visual-studio-code-4h92) - Illustrates how to collaboratively browse web pages via the Browser Preview extension.

- [Visual Studio Live Share Can Do That?](https://www.smashingmagazine.com/2018/09/visual-studio-live/) - Highlights some of the more compelling features of Live Share along with some pro-tips.



### Documentation



- [Visual Studio "How to"](https://docs.microsoft.com/en-us/visualstudio/liveshare/use/vs) - Provides a quick start for using Live Share in Visual Studio.

- [Visual Studio Code "How to"](https://docs.microsoft.com/en-us/visualstudio/liveshare/use/vscode) - Provides a quick start for using Live Share in Visual Studio Code.

- [Security Considerations](https://docs.microsoft.com/en-us/visualstudio/liveshare/reference/security) - Discusses the various mechanisms that Live Share provides in order to collaborate securely.

- [Connectivity Requirements](https://docs.microsoft.com/en-us/visualstudio/liveshare/reference/connectivity) - Explains the requirements for deploying Live Share within your organization's network.

- [Common Use Cases](https://docs.microsoft.com/en-us/visualstudio/liveshare/reference/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](https://www.nuget.org/packages/Microsoft.VisualStudio.LiveShare/) - NuGet package for adding Live Share integration to your Visual Studio extension.

- [Visual Studio Code](https://npmjs.com/vsls) - NPM package for adding Live Share integration to your Visual Studio Code extension.

    - [Sample Extension](https://github.com/vsls-contrib/counter) - A simple, collaborative counter extension, which illustrates how to synchronize custom state between participants in a Live Share session



### Workflow Details



- [Remote Mob Programming](https://www.remotemobprogramming.org)