0

0

利用VSCode的Live Share进行实时代码协作与教学

P粉986688829

P粉986688829

发布时间:2025-12-30 11:40:03

|

720人浏览过

|

来源于php中文网

原创

可使用VSCode的Live Share实现远程协同编程与教学:先安装并登录官方扩展,再创建共享会话并发送链接;接着配置编辑权限、终端及调试共享;最后双方同步操作终端与调试器,主讲人掌控全流程。

利用vscode的live share进行实时代码协作与教学

如果您希望在远程环境中与他人同步编辑同一份代码文件,或在教学过程中实时展示编程操作,则可能是由于本地开发环境缺乏协作能力。以下是利用VSCode的Live Share功能实现此目标的步骤:

本文运行环境:MacBook Air,macOS Sequoia。

一、安装并启用Live Share扩展

Live Share功能依赖于官方扩展,需先在VSCode中安装该插件并完成身份认证,以建立安全的协作会话。

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

2、在搜索框中输入Live Share,找到由Microsoft发布的官方扩展。

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

4、首次启动时,VSCode会提示登录Microsoft账户,点击“Sign in with Microsoft”完成授权。

二、创建共享会话

创建会话是发起协作的前提,主讲人或代码作者需生成唯一链接,供参与者加入。

1、打开需要协作的项目文件夹或单个文件。

2、按下Cmd+Shift+P调出命令面板,输入并选择Live Share: Start Collaboration Session

3、VSCode右下角状态栏将显示“Live Share”图标及当前会话状态,点击该图标可复制邀请链接。

4、将复制的链接通过即时通讯工具发送给协作者,对方点击即可加入。

Woy AI
Woy AI

通过 Woy.ai AI 导航站发现 2024 年顶尖的 AI 工具!

下载

三、配置协作权限与共享范围

为保障教学过程可控与代码安全,可对加入者的编辑权限、终端访问、调试功能等进行精细化控制。

1、在共享会话启动后,点击右下角Live Share图标,选择Manage Session Permissions

2、在弹出面板中,关闭Allow Guest to Edit Files可将协作者设为只读模式,适用于演示讲解场景。

3、如需共享终端,勾选Share Terminal;如需共享调试器,启用Share Debugging选项。

4、修改后权限立即生效,无需重启会话。

四、使用共享终端与调试器协同操作

在教学中同步执行命令或调试程序,有助于学员直观理解运行逻辑,该功能需双方均启用对应共享项。

1、主讲人开启终端(Cmd+`),确保已启用Share Terminal权限。

2、协作者加入后,可在其VSCode中看到新增的“Shared Terminal”面板,所有输入与输出实时同步。

3、若共享调试器已启用,主讲人启动调试(F5)后,协作者界面将自动加载相同调试配置,并可同步查看变量、断点与调用

4、协作者在只读模式下仍可点击断点区域查看值,但无法修改代码或继续执行,确保教学节奏由主讲人掌控。

热门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、使用会话管理中间件。

749

2023.10.18

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

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

93

2025.08.19

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

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

396

2023.07.18

堆和栈区别
堆和栈区别

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

575

2023.08.10

vscode
vscode

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

592

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

223

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

394

2024.03.14

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

387

2026.01.28

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
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号