VS Code 折腾记 - (13) VS Live Share (可提升效率的代码实时协做插件)的使用姿式

前言

这货憋了大半年,终于进入可用状态了,体验了一段时间后,该水文诞生了...

这货是什么,微软自家出的实时协做插件,有用过石墨文档或者腾讯文档的没?差很少那样了.

对标 Atom的Teletype实时协做插件,传送门: VS Live Share ;

插件提供的大致功能

• 兼容Visual Studio IDE和Visual Studio Code
• 支持微软自家的帐号登陆和 Github 账号登陆
• 支持项目共享(协做),终端共享(协做),会话共享(协做),日志记录导出

实时协做能作什么?

这种实时协做就我我的看来能解决这么一些痛点

1. 补丁和 BUG 的修复

传统的代码协做

• git初始化仓库,一堆人克隆,各类遵循 gitflow 这些,一些小小的 BUG 会让你很痛苦的执行那么些流程
• 拉取->代码审查->合并->打补丁->单元测试->提交等待合并; 下一个重复
• 这样就会浪费不少的时间,也会增长一些额外的 commit

如果实时协做,就能够在团队的研发过程直接协做干掉.而不重复上面那么多(找朋友帮忙也是如此)

2. 培训指导

带新人的时候, 能够实现代码层面的培训,一遍讲解思路一边码..简直手把手..

常规操做(多图)

点击左下角小人物的其实也是调用全局命令版的..只是一步到位.看我的喜欢

登陆,图图的两处皆可登陆

• Sign In With User Code 好像是调用VS Code里面的配置,试了下no working..
• Sign In With Browser 是 正常姿式,支持MS Account和Github

分享项目,终端等让别人参与

• Start Collaboration Session : 开始一个会话(开始共享的第一步)
  • 须要打开一个项目的状况下(也就是目录),否则会弹出提醒我说的
  • 正常状况下,那个 share 会转转转..成了再点击小人图表,如步骤1
• Join Collaboration Session : 参与别人分享的会话
  • 选择这个以后,会有一个小弹窗,输入别人分享的参与链
  • 如果从浏览器进入别人分享的连接..就会这样,如步骤2
• Sign Out : 退出登陆账号

步骤1

• Invite Other: 分享连接,选中回车会自动复制
• Share Terminal : 会分享编辑器内的 terminal
• Share Server : 分享 TCP 服务及端口,暂时能看到的是双方的选中什么鬼的,预览好像看不到

步骤2

• 分享人那边断开的时候,会显示以下,说未激活状态,提示你本身去联系他(在须要连接的状况下)

  

• 正常状况下,是这个样子

那段圈起来就是分享连接,在 VSCode 弹出键入,或者浏览器提醒你自动打开编辑器

自动打开的会默认弹窗新的编辑器实例,打开连接的远程项目

参与别人的项目(有意思)

参与并能给予帮助,老是能让人有一种莫名的兴奋和成就感

进入会话(结合上面)

• 加载远程会话中

• 看到文件目录和文件了

• 协做效果(双向实时)

------------------对方看到的------------------

------------------咱们这边的------------------

进入远程终端

进入终端这些,须要对方开放这方面的权限.好比对方选中这些

以后点击小人或者全局搜索就能看到...

• Focus Participants : 请求其余参与者跟随你 , 对么会看到演示1
• Access Shared Terminal : 进入别人的终端,如演示2

演示1

由于我当前在.editorconfig文件,对方也会同时打开那个文件而且聚焦到那个窗口

演示2

同理,进入以后你也能够的终端执行相关的命令(对方的控制台)

总结

实时代码协做的时代已经到来,虽然目前还或多或少有一些问题,可是用的好能够提升团队效率的;

还有一些高级用法,没试出来,官方几个月前用VS studio的宣传演示视频贼叼.debug 这些也能同步。

感受这是个趋势.人们创造各类各样的工具本质上就是节省时间,目前来讲普通的用法是没什么问题的..

可能完善个一年半载会很成熟,好比前端须要的访问预览什么的(走微软本身服务器分享外链调试)

相似**codesandbox**

感谢个人小伙伴配合我各类录制 GIF 和截图,灰常感谢

如果对各类小伙伴有所帮助,就是该文章最大的价值所在,感谢阅读.