使用Live Share辅助远程办公

背景

在疫情拐点仍无明确时间预期的2月中,原本预计1周的远程办公时间延长到了2周、甚至还有可能要贯穿整个2月,于是乎之前以为忍一忍拖到现场复工再处理的事情也不好再拖下去了。

小屋子

公司响应倒是及时,VPN很快给开了起来,借助小鱼易连、微信语音每天的远程会议也是开的很欢,唯一有一点不方便的就是在代码交接上的沟通效率,之前大家都在一个屋子里,有什么事吼一嗓子人过来,对着屏幕上的代码演示讲解一遍很快就明白了,现在或是文字、或者是单纯的语音,因为缺乏视觉同步都很难达到类似效率的沟通效果。

解决方案

Visual Studio Live Share

昨晚在看vscode相关介绍的时候偶然发现了一个叫做Visual Studio Live Share的东西,功能上似乎完美契合需求。

免费使用

特别难能可贵的是做为18年推出的功能,现在依然在免费推广试用阶段。

插件安装

直接在vscode的插件管理中搜索“Live Share Extension Pack”进行安装,然后使用微软或是github账号进行登录就可以开始使用了。

开始分享

开始分享

打开需要分享的项目后,在live share的面板开始一个协作会话,可以得到一个类似 https://prod.liveshare.vsengsaas.visualstudio.com/join?xxxxxx 的加入链接,对方在浏览器中打开链接,就能自动拉起本地的vscode加入了。

参与者列表

对方加入后可以在参与者列表中查看到,也可以自由选择一个参与者的屏幕进行关注(默认情况下所有参与者都是关注分享者的代码界面),这样被关注者打开的代码窗口、光标位置都能进行实时展示。

远程bug定位

共享本地命令行

共享本地服务

除开代码窗口的分享外,还能够对本地对命令行、服务端口进行分享,一个常见的场景是团队有小伙伴遇到比较棘手的bug,而且还只能在本地重现,这样就可以将服务端口也共享出来。

本地调试

远程协助的人就可以在自己本机的浏览器上打开对方分享出来的服务,对照的代码实时修改,实时生效,在网速有保证的情况下,体验完全跟本地一致。