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

本文涉及的产品
视频直播,500GB 1个月
简介: 这货憋了大半年,终于进入可用状态了,体验了一段时间后,该水文诞生了...这货是什么,微软自家出的实时协作插件,有用过石墨文档或者腾讯文档的没?差不多那样了.


前言


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

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


对标 AtomTeletype实时协作插件,传送门: VS Live Share ;


插件提供的大体功能


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


实时协作能做什么?


这种实时协作就我个人看来能解决这么一些痛点


  1. 补丁和 BUG 的修复


传统的代码协作


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


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


  1. 培训指导


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


常规操作(多图)


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


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



  • Sign In With User Code 好像是调用VS Code里面的配置,试了下no working..


  • Sign In With Browser 是 正常姿势,支持MS AccountGithub


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



  • 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


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


目录
相关文章
|
1月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
98 1
|
20天前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
50 5
vscode10大常用插件
|
7天前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
|
25天前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
1月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
112 5
|
1月前
|
Java 数据安全/隐私保护
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
这篇文章介绍了如何在VSCode中将代码提交到Gitee远程服务器,并提供了解决每次提交都需要输入密码问题的方法。
VScode将代码提交到远程服务器、同时解决每次提交都要输入密码的问题(这里以gitee为例子)
|
1月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
190 1
|
29天前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
1月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
39 0
|
1月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
95 0