Remote Working with Live Share — VS Code

Ryan Kim
3 min readMar 30, 2020

How to Use VS Code Live Share for Developers, Online Code Review

Corona has led to many companies working from home, which has nothing to do with their will. In fact, the advantage of being a developer is that I can work anywhere, but I have a clear principle to handle my assignments in the office and take a break in-home so that I can separate and use work and rest areas.

This Damn Virus

Still, telecommuting seems inevitable and must be done due to the current situation. So I would like to share the Live Share Usage Manual for developers. The dynamic fact that VS Code offers more than you think!

Let’s do Online Code Review using Live-Share

In a way, this coronavirus situation is an opportunity for a startup. it’s not just code review online for developers, but it’s a process of creating an environment and a culture, it will be an opportunity to work more flexibly and increase work productivity.

How to Use VS code live share

Install Live Share extension in VS code extensions

Install Live-Share

Click the direction in the rectangle icon at the bottom of the left sidebar.

Click Start collaboration session on Session Details.

Click Start Collaboration Session

Login MS or Github account.

anything you can choose if you have both accounts.

I do Github.

Click Authorize VisualStudioLiveShare

You can see when you do GitHub social login.
Ignore Korean. Focus on which login chooses between MS and Github.

Click the green button (this is not to choose red or blue pills in Matrix.)

Easy, Right?

Ready to Use It!

Now We Are Ready to Use Live-Share (You Do Not Understand to Read Korean Here.)

Come back to VS code and open the working directory.

You should log in again to work.

You may re-login Live-Share to share your codes.

Open visual studio code on the alert

Click the left side icon, “Open Visual Studio Code”

Click “Invite participants” and you can copy the URL link to send. Send the link to your companies and share together.

Invite participants

The default setting of the terminal is “Read-only”. You should give the terminal permission to your companies. Let’s follow these steps. Live share → Shared Terminals → share terminal → Read/write.

Click share terminal and choose Read/Write permission

Now, You can review and share codes on the Internet.

Because of the work, I cannot show the structure of the folder but you should see the purple box in the codes.

-The end-

Ryan Kim

--

--