Collaborate with Live Share

What is Live Share?

Live Share enables you to quickly collaborate with a friend, classmate, or professor on the same code without the need to sync code or to configure the same development tools, settings, or environment.

When it comes to Live Share, seeing is believing. Check out this video to see Live Share in action:

When you share a collaborative session, the person you're working with sees the context of the workspace in their editor. This means your classmate can read the code you shared without having to clone a repo or install any dependencies your code relies on. They can help you with your code in the Visual Studio Code environment that's familiar to them.

Each of you can open files, navigate, edit code, or highlight - and changes are instantly reflected. As you edit you can see your classmate's cursor, jump to the same location, and follow their actions.

You can also debug together using VS Code's debugging features, like hovers, locals and watches, the stack trace or the debug console. You are both able to set breakpoints and advance the debug cursor to step through the session.

Get started with Live Share

To get started with using Live Share in VS Code, you'll need to download the Live Share Extension Park from the Extension Marketplace.

Live Share Extension Pack

This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.

Once you log into your GitHub account, you'll see the Live Share icon in the Activity Bar.

Live Share icon in the Activity Bar

Starting a Live Share session

If you select Start Collaboration session from the Session Details menu, an invitation link to your session will automatically be copied to your clipboard. You can share this link with anyone you'd like to collaborate with, as long as they also have VS Code and the Live Share Extension Pack downloaded.

Live Share invitation

When your classmate joins the session, you'll get a notification, and see their name come up under Participants.

Live Share joined

Joining a Live Share session

If you select Join Collaboration session from the Session Details menu, you're able to enter the URL you received.

Joining a Live Share session

You should be able to see and interact with your classmate's code on your screen!