VSCode Live Share:与团队进行实时代码协作

20次阅读

vscode Live Share 支持多人实时协作,需先安装官方扩展,发起者启动会话生成邀请链接,协作者点击链接加入,发起者可动态设置编辑、终端与调试权限,实现代码、终端及调试会话同步共享。

VSCode Live Share:与团队进行实时代码协作

如果您在使用 VSCode 进行团队开发时希望实现多人同步编辑、共享终端与调试会话,则 VSCode Live Share 提供了原生集成的实时协作能力。以下是启用并使用该功能的具体操作路径:

本文运行环境:macBook air,macOS Sequoia。

一、安装并启用 Live Share 扩展

Live Share 功能依赖独立扩展,需先在 VSCode 扩展市场中安装官方插件,并确保其处于激活状态。该扩展由 microsoft 官方维护,支持跨平台协作。

1、打开 VSCode,点击左侧活动栏中的扩展图标(或按快捷键 Ctrl+Shift+X)。

2、在搜索框中输入 Live Share,找到名称为 “Live Share” 的扩展,发布者为 “Microsoft”。

3、点击“安装”,安装完成后点击“重新加载”按钮使扩展生效。

二、启动协作会话

发起者需创建一个共享会话,生成唯一邀请链接,其他成员通过该链接加入当前工作区。会话建立后,所有参与者将拥有实时同步的编辑视图与文件导航状态。

1、打开需要共享的项目文件夹,确保已打开至少一个文件。

2、按下 Cmd+Shift+P(Mac)调出命令面板,输入 Live Share: Start Collaboration session 并回车。

3、VSCode 底部状态栏将显示 “Live Share 正在运行”,并弹出邀请链接,点击复制即可发送给协作者。

三、加入已有协作会话

协作者无需提前安装项目依赖或配置本地环境,只需通过邀请链接快速接入同一代码上下文,包括打开的文件、光标位置与折叠状态均实时同步。

1、点击他人发送的 Live Share 邀请链接(格式通常为 https://prod.liveshare.vsengsaas.visualstudio.com/join/…)。

VSCode Live Share:与团队进行实时代码协作

ghiblitattoo

用AI创造独特的吉卜力纹身

VSCode Live Share:与团队进行实时代码协作 175

查看详情 VSCode Live Share:与团队进行实时代码协作

2、若本地未安装 VSCode,页面将提示下载;若已安装,将自动拉起 VSCode 并跳转至会话界面。

3、确认加入后,左侧边栏会出现 Live Share 专用面板,显示当前在线协作者头像与角色标识。

四、控制协作权限与资源访问

发起者可动态调整每位协作者的编辑权限、终端访问权及调试会话控制权,避免误操作影响主开发流程。权限变更即时生效,无需重启会话。

1、点击 VSCode 右下角状态栏中的 Live Share 图标,打开权限管理菜单。

2、在协作者列表中,点击某位成员右侧的齿轮图标,选择 Can editRead only

3、如需共享终端,勾选 Share terminal;如需允许远程调试,开启 Share debugger 选项。

五、共享终端与调试会话

除代码编辑外,Live Share 支持将本地终端会话与调试器直接共享给协作者,便于联合排查运行时问题。所有终端输入与输出、断点设置与变量观察均实时可见。

1、在 VSCode 中打开集成终端(Ctrl+`),确保其处于活跃状态。

2、点击终端窗口右上角的 Share terminal 按钮(图标为两个重叠矩形)。

3、启动调试会话(F5),在调试侧边栏中点击 Share debug session,协作者即可看到相同断点与调用

text=ZqhQzanResources