Code Collaboration

Visual Studio Code has an extension available called Live Share that allows for real-time code collaboration with a team. Follow the instructions on this page to set up Live Sharing and begin a collaborative session with teammates.

 

Install and Setup

  1. Install the Live Share extension in Visual Studio code by navigating to the Extensions tab on the left hand side and searching for Live Share

    Figure 1: Live Share Extension

  2. You should now see the Live Share icon in the Activity Bar. You may have to restart VS Code for this to work properly.

    Figure 2: Live Share in Activity Bar

 

Collaboration – Host

  1. Open a project you would like to collaborate on.
  2. Navigate to the Live Share icon on the Activity Bar.
  3. Click Share.

    Figure 3: Share Button

  4. If you have never logged in before, you will be prompted to log in with either GitHub or a Microsoft account.

    Figure 4: Log in

  5. A new page with a collaboration link should appear. You can share this link with anyone you’d like to collaborate with.
  6. Select Try joining yourself to join the session.

    Figure 5: Sharing Link

 

Collaboration – Participant

  1. Get the collaboration link from the host.
  2. Navigate to the Live Share icon on the Activity Bar.
  3. Select Join.

    Figure 6: Join Button

  4. If you have never logged in before, you will be prompted to log in or continue as a guest in the bottom right of the screen.
  5. Paste the collaboration link into the terminal prompt at the top of the screen to join the session.