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

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


前言


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

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


对标 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


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


目录
相关文章
|
人工智能 C++ iOS开发
ollama + qwen2.5-coder + VS Code + Continue 实现本地AI 辅助写代码
本文介绍在Apple M4 MacOS环境下搭建Ollama和qwen2.5-coder模型的过程。首先通过官网或Brew安装Ollama,然后下载qwen2.5-coder模型,可通过终端命令`ollama run qwen2.5-coder`启动模型进行测试。最后,在VS Code中安装Continue插件,并配置qwen2.5-coder模型用于代码开发辅助。
20102 71
|
4月前
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile,以及拉取镜像。
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
1689 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
10月前
|
人工智能 自然语言处理 API
Cline:29.7K Star!一文详解VSCode最强开源AI编程搭子:一键生成代码+自动跑终端+操控浏览器...
Cline 是一款集成于 VSCode 的 AI 编程助手,支持多语言模型,实时检查语法错误,帮助开发者提高编程效率。通过智能化手段,Cline 可以生成代码、执行终端命令、调试 Web 应用,并扩展更多功能。
3393 73
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
854 2
|
10月前
|
机器学习/深度学习 人工智能 自然语言处理
|
9月前
|
人工智能 网络安全 开发工具
vscode代码推送到github库菜鸡专用教程
vscode代码推送到github库菜鸡专用教程
|
8月前
|
JavaScript 前端开发 程序员
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程,从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目,选择JavaScript语言配置基础信息。接着,在`extension.js`中实现业务逻辑,例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包,解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件,可通过VSCode的“从VSIX安装”加载插件,实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
|
10月前
|
人工智能 自然语言处理 前端开发
通义灵码插件在VSCode中的运用
借助通义灵码插件在VSCode构建新闻网,实现效率与智能的融合。VSCode作为前端开发的“瑞士军刀”,提供实时预览、智能辅助和高效管理功能;通义灵码插件通过自然语言交互生成代码,简化复杂任务并优化代码质量。两者结合形成从设计到部署的高效闭环,大幅减少基础编码时间,降低开发门槛,助力开发者聚焦业务逻辑与创新。
|
10月前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
717 8

热门文章

最新文章