Visual Studio Live Share

Overview

When we talk about collaboration in one or more development projects, sometimes it's very inconvenient.
You need to sync code or configure the same development tools, settings, or environment.

Microsoft comes with Live Share for you to solve these kind of problems.
With Live Share, you can easily collaborate with your colleague. Each of you can open files, navigate, edit code, or highlight - and changes are instantly reflected. As you edit you can see your friend's cursor, jump to the same location, and follow their actions.

Installation

Download and install Visual Studio Live Share Extension Pack from Marketplace. Link
Reload VS Code

How to use?

Before you can start share your project with your friends, you need to sign in. You can sign in with Microsoft personal account or Github account.
Start share your project by simply click on live share icon at right of your panel or click on live share button at the bottom of your status bar or press Cmd + Shift + P / Ctrl + Shift + P > type Live Share: Start
Share link will be automatically copied to your clipboard.
Simply share your link through chat or any platform. You can also make read-only session by clicking “Make read-only”
To join a session, can join via join button, simply copy and paste your link to the browser.
If you successfully join a session, there will be a mark that signed you're following the host
To Share Terminal, you can click on “Share terminal” button or press Cmd + Shift + P / Ctrl + Shift + P > type Live Share: Share Terminal.
You can choose whether you want to share read-only / read-write terminal session.
You can type or run command inside the terminal when host share read-write terminal session.
To Share Server, you can click on “Share server” button or Cmd + Shift + P / Ctrl + Shift + P > type Live Share: Share Server.
You can choose what port do you want to share.
Voila, when it is success, your friend can open the server on their end. Example: by open localhost:4000 on their browser