Quickstart: Join your first collaboration session

Welcome to Visual Studio Live Share! Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. It allows you to instantly and securely join a teammate's current project, and then as needed, enter into debugging sessions, view and edit terminal instances, see localhost web apps, join voice calls, and more!

Ready to get going? Team collaboration should be so quick and natural, that it becomes harder not to do it! For this reason, Visual Studio Live Share makes it simple to get started, so that you can seamlessly begin sharing your work and ideas.

Tip

Did you know you can join your own collaboration session? This allows you to try Live Share on your own or to spin up an instance of Visual Studio or VS Code and connect to it remotely! You can even use the same identity on both instances. Check it out!

Just follow these steps to join a collaboration session.

1. Install the extension

Installing the extension is easy. Just follow these steps:

Product Installation steps
Visual Studio Code logo Visual Studio Code (1.22.0+)
1. Install Visual Studio Code for Windows (7, 8.1, or 10), macOS (High Sierra 10.13+), 64-bit Linux (details)
2. Download and install the Visual Studio Live Share extension from the marketplace.

Download button
Visual Studio 2019 logo Visual Studio 2019
1. Install Visual Studio 2019.
2. Install a supported workload (e.g. ASP.NET, .NET Core, C++, Python, and/or Node.js).
3. Visual Studio Live Share is installed by default with these workloads.
Visual Studio 2017 logo Visual Studio 2017 15.6 or higher
1. Install the latest version of Visual Studio 2017 (15.6+) on Windows (7, 8.1, or 10).
2. Install a supported workload (e.g. ASP.NET, .NET Core, C++, and/or Node.js).
3. Download and install the Visual Studio Live Share extension from the marketplace.
Download button

By downloading and using Visual Studio Live Share, you agree to the license terms and privacy statement. See troubleshooting if you run into problems.

2. [Optional] Join as a read-only guest in VS Code

In VS Code, after installing the Live Share extension, restarting, and waiting for dependencies to finish installing, you can jump in and join a collaboration session as a read-only guest.

Note

If you want to make edits to the code you are joining, you'll need to sign in.

Open (or re-open) the invite link in a browser, and you will get a notification that the browser wants to launch VS Code. Let it launch, and it'll start connecting to the collaboration session.

When VS Code launches, you'll get a toast notification asking to sign in. Select "Continue as read-only guest" to join the session.

Join as session as a read-only guest toast

You'll be asked to enter a display name to help participants identify you in the session.

Read-only guest name

Afterwards, you'll be joined into the session as read-only. You will be able to view and navigate around the code, co-debug, and view shared servers and terminals (read-only).

Note

If you want to later get read/write access to the code, you can sign in. Click on your display name in the status, bar, and select the option "Sign in". Read-only guest sign in This will launch your browser, and you can choose a Microsoft or GitHub account to sign in with.

3. Sign in

After installing the Live Share extension, restarting, and waiting for dependencies to finish installing (VS Code), you'll want to sign in to let other participants know who you are. If you skip this step, you are asked to sign in during the join process, or can join the session as a read-only guest. Click the "Live Share" status bar item (VS Code) or "sign in" button (VS) to get started.

In Visual Studio Code:

Visual Studio Code sign in status bar item

In Visual Studio:

Visual Studio sign in button

In VS Code, your browser will launch while a notification will appear launch asking you to sign in. Complete the sign in process in your browser, then simply close the browser when done.

Toast notification asking to sign in using a web browser

In Visual Studio, Live Share automatically uses your personalization account. As a result, you can simply sign in as you would normally. However, if you'd prefer to use a different sign-in than your Visual Studio personalization account, go to Tools > Options > Live Share > User account and select different credentials.

See troubleshooting if you are still hitting problems.

Now, simply open (or re-open) the invite link in a browser.

Note: If you have not yet installed the Live Share extension, you'll be presented with links to the extension marketplace. Install the extension and restart your tool and retry.

You should be notified that the browser wants to launch a Live Share enabled tool. If you let it launch your selected tool, you'll be connected to the collaboration session once it starts.

Join page

If the host is offline, you'll be notified at this point instead. You can then contact the host and ask them to share again.

Troubleshooting Tip: When using VS Code, be sure you've started the tool at least once after installing the extension and waited for the dependencies to finish installing (see the status bar) before opening/re-opening the invite page. Still having trouble? See join manually for details.

5. Collaborate!

That's it! In a few moments, you'll be connected to your colleague's collaboration session. By default, the host auto-accepts people that join, but if the host is set up to require guest approval you will see the status bar / join dialog mention that Live Share is waiting on the host to approve your request to join.

Security Tip: As a guest joining a collaboration session, it's important to understand that hosts may restrict your access to certain files or features. Want to understand the security implications of some of Live Share's features and settings? Check out the security article.

Here are a few things to try out:

  1. Move around the project independently and make some edits
  2. Check out working intellisense for JavaScript, TypeScript, and/or C# code
  3. Edit something together with the host
  4. Follow the host and move around with them as they navigate and make edits in different files
  5. Start up a co-debugging session with the host
  6. Ask the host to share a server so you can check out something like a web app running on their machine
  7. Ask the host to share a terminal and run some commands

Having problems? See troubleshooting or provide feedback.

Next Steps

Check out these additional articles for more information.

Reference