GitLive 13.0: Codeshare now supports sharing via Live Share and Code With Me
Tags: webdev, productivity, programming, vscode
Published: 2021-07-15 12:18:19

Once on a call with a teammate, starting GitLive's codeshare will now offer you the choice of Live Share or Code With Me depending on which IDE you and your teammate are using.

Live Share for VS Code and Code With Me for JetBrains are great tools for pair programming and work in a very similar way to GitLive's built-in codeshare. The major difference is that the built-in codeshare is IDE agnostic and works even when one participant is using VS Code and the other JetBrains. It also quicker to start than Live Share or Code With Me as it reuses your current open IDE window.

But if both participants are using the same IDE and don't mind waiting for the project to load, Live Share and Code With Me offer a superior pair programming experience, with full support for the features of the IDE such as code completion and shared terminals. That's why we decided to integrate them into GitLive! 

This feature requires all team members to update to the latest version. If you have not installed the GitLive plugin yet head to the [VS Code](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub) or [JetBrains](https://plugins.jetbrains.com/plugin/11955-gitlive) marketplace to get started.
<br>
## Selecting a project to share <br>
While on a call, selecting Share Code will show the new codeshare dialog.
  ![2-share-code-option.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1626335133891/OUsOMdO7A.jpeg)
The dialog shows all the projects you currently have open, which you can choose to share via GitLive, Live Share, or Code With Me depending on the IDE the project is open in (and if you have the Live Share extension or Code With Me plugin installed). Under the GitLive tab you also have the option to share all open projects, where other participants can follow you from one project to another.
![3-codeshare-gitlive-options.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1626335159367/dCURubL-D.jpeg)<br>
## Sharing with Live Share or Code With Me <br>
Once you have selected a project you will be prompted to switch back to your IDE.
![4-codeshare-open-repo.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1626335173628/U2SiF2lUc.jpeg)
If you are using Live Share and you haven't signed in yet, you will be prompted to sign in. If using Code With Me, you will be prompted to accept your teammate's request to join. <br>
<table>
      <tr>
  <th> VS Code</th>
  <th> JetBrains</th>
</tr>
    <td>
<img src= "https://cdn.hashnode.com/res/hashnode/image/upload/v1626335192951/kFXnKav0d.jpeg">
            </td>
    <td>
<img src= "https://cdn.hashnode.com/res/hashnode/image/upload/v1626335205811/lm-d9SWPF.jpeg">
            </td>
</table>
 Finally, once your teammate has accepted on their end you are good to go!
<br>
## Sharing with GitLive
Sharing with the built-in codeshare and then realise you need the extra power of Live Share or Code With Me? No problem, you can switch from the built-in codeshare to Live Share or Code With Me at any time in the IDE.
<table >
    <tbody>
      <tr>
        <strong>VS Code</strong>
      </tr>
      <tr>
<img src= "https://cdn.hashnode.com/res/hashnode/image/upload/v1626335225410/4KIN107Wt.jpeg">
      </tr>
      <tr>
        <strong>JetBrains</strong>
      </tr>
      <tr>
    <img src= "https://cdn.hashnode.com/res/hashnode/image/upload/v1626335236909/5MrdmJmFs.jpeg">
      </tr>
</table>
<br>
## Joining a codeshare <br>
When your teammate starts codesharing via LiveShare or CodeWithMe and you have a compatible IDE already open you will see a prompt to switch to that IDE window. <br>
<table>
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335251635/3uOimxO8t.jpeg">
            </td>
    <td class="td-custom">
<img src= "https://cdn.hashnode.com/res/hashnode/image/upload/v1626335266157/ny7n4yT4r.jpeg">
            </td>
    </tr>
  </tbody>
</table>
<br>
Here you'll see any notifications regarding joining the codeshare. <br>
<table>
  <tbody>
    <tr>
    <th>VS Code</th>
    <th>JetBrains</th>
        <tr>
            <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335281948/NNH7An7jn.jpeg">
            </td>
            <td class="td-custom">
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335292896/W37TWjflq.jpeg">
            </td>
        </tr>
    </tr>
  </tbody>
</table>
<br>
Then your teammate's project will open in a new IDE window and you are good to go!
If you didn't have a compatible IDE already open you will be prompted to open the sharing link in the browser instead. <br>
<table>
  <tbody>
    <tr>
    <th>VS Code</th>
    <th>JetBrains</th>
        <tr>
            <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335306676/62p6RCC93.jpeg">
            </td>
            <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335318387/NyFi2joTA.jpeg">
            </td>
        </tr>
    </tr>
  </tbody>
</table>
<br>
From here you can open a compatible IDE if you already have one installed or even join via the browser (Live Share) or using the thin desktop client (Code With Me) <br>
<table>
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335330739/cX8Uwfu7V.jpeg">
            </td>
    <td>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1626335340617/qVSRrxAYt.jpeg">
            </td>
    </tr>
  </tbody>
</table>