đź’»
How to Use Project Development Tools in a Remote C
  • How to Use Project Development Tools in a Remote Coding Team
  • Trello
    • Introduction to Trello
    • How to use Trello
      • What is Trello?
      • Starting up a Trello Board
      • Lists
      • Cards
  • Visual Studio Code
    • Introduction to Live Share in Visual Studio Code
    • How to use Live Share
      • How to Install
      • How to Use
      • Examples of Use Cases
  • Git & Github - Basics
    • Introduction to Git & GitHub
    • How To Use Git
      • Setting up Git
      • Creating GitHub Repositories
      • Managing Repository Access
      • Syncing with a Local Workspace
  • How to Manage a Codebase with Git
    • Introduction to Branching
    • How To Use Branches
      • What are Branches?
      • Working in Branches
      • Merging Branches
      • Best Practices For Branching
    • Git Codebase Management Cheat Sheet
  • Conclusion
  • Team Biography
  • References
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Visual Studio Code
  2. How to use Live Share

How to Use

Getting Started using Live Share

PreviousHow to InstallNextExamples of Use Cases

Last updated 4 years ago

Was this helpful?

Usage is extremely easy. You should now see a “Live Share” Button on the status bar of the bottom of your VS Code. Follow these instructions in order:

The Live Share Button as it appears on the status bar

Click on this button (You can also access this with the command Ctrl+Shift+P / Cmd+Shift+P depending on your operating system). A pop-up will appear asking you to sign-in which you’ll complete in your browser. If you don’t have an account then you’ll be prompted to create one. Once you’re done following the instructions, you can just close your browser.

After you’re signed in you’ll see a new option on the VS Code activity tab as highlighted in red. To share a project, open the folder as you normally would (File -> Open..).

To collaborate, now click the “Live Share” button in the bottom status bar then select "Live Share: Start a collaboration session".

This will cause an invite link to be copied to your clipboard. An option to make the link read-only will also appear, which you can select if that’s desired. To share with other people, just send them this link via whatever way you normally message them. Make sure not to only send this link to people you trust, you don’t want to expose your files to random people. When someone attempts to join you’ll be prompted if you want to let them join or not.

That’s all it takes. From there you’ll be collaborating live! All participants will be able to see code as it’s being typed live. Each participant will see the folder being worked on as if it was on their own computer. This is an introduction to Live Share, there’s more functionality to it than explained in this document but this was just supposed to serve as an accessible guide on how to get started.

To end the session, hit this button in the top right:

If you want to join a session, just click the link the host sends you. It’s as simple as that.

The new Live Share Button
The Live Share button in the bottom status bar
The prompt when a user attempts to join your share session
A termination button can be seen in the top right of the Live Share panel