如何解决VS Code共享服务器无法正常工作的问题

• 修正本地服务器绑定地址
  确保npm run dev启动的开发服务不是仅监听127.0.0.1，需改为绑定0.0.0.0或本机局域网IP：

  • Vite：在vite.config.js中设置server.host: '0.0.0.0'
  • Create React App：启动命令改为HOST=0.0.0.0 npm start
  • Vue CLI：使用vue-cli-service serve --host 0.0.0.0启动服务
    仅绑定localhost会导致Live Share无法将服务转发给参与者，只能主机本地访问。

• 确认共享权限设置
  打开VS Code的Live Share面板，找到Shared Servers区域：

  • 检查本地服务器条目是否标注“Shared with participants”，若仅主机可见，右键该条目选择Share with Everyone，确保权限开放给所有参与者。

• 排查网络与防火墙干扰

  • 临时关闭主机防火墙测试，或给VS Code、本地开发服务器添加防火墙允许规则，放行相关端口的入站/出站连接。
  • 优先让参与者与主机处于同一局域网，避免跨网络的端口拦截问题。

• 重置Live Share配置

  • 按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板，执行Live Share: Reset Settings，重置后将连接模式设为relay，重启VS Code后重新发起共享。

• 更新软件版本
  将VS Code和Live Share扩展更新至最新版本，旧版本可能存在兼容性bug导致共享异常。

内容的提问来源于stack exchange，提问作者Soham Katdare