preface

The product was held in for more than half a year and finally became usable. After experiencing it for some time, the hydrology was born…

What is this goods, Microsoft’s own real-time collaboration plug-in, useful graphite documents or Tencent documents have not? That’s about it.

Teletype Real-time collaboration plugin for Atom, portal: VS Live Share;

The general functionality provided by the plug-in

  • Compatible withVisual Studio IDEandVisual Studio Code
  • Support Microsoft own account login andGithubAccount login
  • Supports project sharing (collaboration), terminal sharing (collaboration), session sharing (collaboration), and log export

What can real-time collaboration do?

This kind of real-time collaboration, in my opinion, solves some of these pain points

  1. Patches and BUG fixes

Traditional code collaboration

  • Git initialization repositories, a bunch of human clones, various following gitflow, a few minor bugs that make it a pain to perform those processes
  • Pull -> Code review -> Merge -> Patch -> Unit Test -> Commit wait merge; Next repetition
  • This will waste a lot of time and add some extra commit

With real-time collaboration, you can collaborate directly during the team’s development process. Don’t repeat as much as above (same goes for friends)

  1. Training guidance

With new people, you can realize the code level of training, a time to explain ideas while code.. It’s hand in hand.

General operation (multi figure)

Click on the lower left corner of the small person is actually called global command version.. It’s just a step in the right direction

Login, tutu can be logged in both places

  • Sign In With User CodeVS CodeThe configuration inside. Tried it outno working.
  • Sign In With Browser is a normal gesture supportedMS AccountandGithub

Share projects, terminals, etc. Get others involved

  • Start Collaboration Session: Start a session (the first step to start sharing)
    • Need to open a project case (i.e. directory), otherwise will pop up to remind me what I said
    • Normally, that share would rotate around… Click on the icon again, as in Step 1
  • Join Collaboration Session: Engage in shared conversations
    • After you select this, there’s a little popup, and you type in the participation chain that others have shared
    • If you enter a shared link from your browser… This happens, as in Step 2
  • Sign Out: Logs Out the login account

Step 1

  • Invite Other: Share links. If you select Enter, the links will be copied automatically
  • Share Terminal: will share in the editorterminal
  • Share Server: Share TCP service and port

Step 2

  • When the user is disconnected, the following display will be displayed, stating that the status is not activated, and prompting you to contact him yourself (in case you need a link).

  • Normally, it looks like this

That circle is the share link, type in VSCode popup, or the browser reminds you to open the editor automatically

Automatically opens a new editor instance that will pop up by default, opening linked remote projects

Get involved in other people’s projects (fun)

There’s always a sense of excitement and accomplishment about being involved and being able to help

Enter the session (combined with the above)

  • Load a remote session

  • See the file directory and files

  • Collaboration (two-way real-time)

—————— What the other party sees ——————

—————— on our side ——————

Accessing the Remote Terminal

Access to these terminals, the other side needs to open this aspect of the authority. Let’s say they pick these

Then click on the little people or global search to see…

  • Focus Participants: Ask other Participants to follow you and they will see Demonstration 1
  • Access Shared Terminal: Access Shared Terminal, as shown in Demo 2

Demo 1

Because I’m currently in a.EditorConfig file, the other person will also open that file and focus on that window

Demo 2

In the same way, after entering the terminal you can also execute the relevant command (console).

conclusion

The era of real-time code collaboration has arrived, and while it is still more or less problematic, it can be used well to improve team efficiency.

There are also some advanced uses, I haven’t tried out, the official a few months ago with VS Studio propaganda demo video. Debug can also be synchronized.

It feels like a trend. People create all kinds of tools to save time in nature, and for now there’s nothing wrong with common usage…

May perfect a year and a half will be very mature, such as the front-end need to access the preview of what (go to Microsoft’s own server to share external chain debugging)

Similar codesandbox * * * *

Thank you for your cooperation with me to record GIF and screenshots. Thank you very much

If it is helpful to all kinds of friends, it is the greatest value of this article. Thank you for reading it.