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

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

工具

我在用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 开发工具效率工具

我来解答赞 2 收藏

反馈

1 条解答

欧阳子皓 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