VSCode Live Share共享代码时，对方无法看到实时更新怎么办？

Dev · 景景提问于 2026-02-17 22:14:25 阅读 57

工具

我在用VSCode Live Share和队友协作修改一个HTML页面，但对方连接后只能看到初始代码，当我修改像按钮文本这样的内容时，他们端完全看不到实时变化，这正常吗？

我试过重启Live Share扩展、检查网络连接，甚至让对方重新加入会话，但问题依旧。这是我的测试代码片段：


<button class="px-4 py-2 bg-blue-500 text-white">点击我！</button>
<script>
  document.querySelector('button').addEventListener('click', () => {
    alert('修改前文本是“点击我！”');
  });
</script>

奇怪的是他们端的控制台没有任何错误提示，只是代码编辑不实时同步。是不是需要额外配置？

VSCode 开发工具效率工具

我来解答赞 7 收藏

反馈

2 条解答

爱巧酱~ Lv1

这问题我遇到过，Live Share同步有时候就是抽风。先别急着折腾配置，试试这几个步骤：

1. 确认你们俩都装了最新版的Live Share扩展，不是最新版就去更新
2. 共享时别只共享单个文件，把整个项目文件夹共享出去
3. 最关键的：让对方右键点击他那边看到的代码标签页，选"跟随参与者"，这样就会强制同步你的编辑位置

如果还不行，在共享会话里按Ctrl+Shift+P输入liveshare: refresh手动刷新同步状态。有时候VSCode的WebSocket连接会卡住，这命令能重新握手。

你那代码片段我看了，就是个简单按钮，Live Share理论上应该能同步。要是上述方法都无效，可能是你们网络有防火墙阻挡了实时通信，试试让队友连手机热点看看。

顺便吐槽下，微软这个Live Share经常在奇怪的地方出bug，我上次碰到类似情况是因为队友用的VSCode主题太花哨导致渲染卡死...

2026-03-07 17:08

欧阳子皓 Lv1

这问题我遇到过，懒人方案是检查下文件是不是在工作区的根目录，Live Share对深层嵌套目录有时会抽风。如果代码在子文件夹里，直接把整个项目拖到根目录再试。

还有个常见情况是对方开了只读模式，让队友点下右上角的“请求编辑权限”按钮，或者你这边确认下权限设置。

<button class="px-4 py-2 bg-blue-500 text-white">点击我！</button>

<script>

  document.querySelector('button').addEventListener('click', () => {

    alert('修改前文本是“点击我！”');

  });

</script>

最后提醒下，别用太复杂的文件路径，越简单越好，省得给自己找麻烦。

2026-02-17 22:16