0

0

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

P粉986688829

P粉986688829

发布时间:2025-12-23 10:48:55

|

462人浏览过

|

来源于php中文网

原创

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/...)。

Bandy AI
Bandy AI

全球领先的电商设计Agent

下载

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,协作者即可看到相同断点与调用堆

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

315

2023.10.17

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

751

2023.10.18

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

93

2025.08.19

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

397

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

575

2023.08.10

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

397

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

575

2023.08.10

vscode
vscode

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

593

2023.06.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

1

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号