如何用VSCode Live Share让团队访问XAMPP搭建的PHP网站并实时更新？

1. 启动本地PHP内置服务器 #

PHP自带轻量内置服务器，无需额外配置复杂环境：

• 打开VSCode终端，切换到项目根目录
• 运行命令：php -S localhost:8000
• 此时你本地可以通过http://localhost:8000访问PHP项目

2. 通过Live Share共享服务器端口 #

让团队成员能访问你的本地PHP服务：

• 点击VSCode左下角的Live Share图标（已开启协作会话的前提下）
• 选择「Share Server」选项，选中刚才的8000端口
• 设置共享权限为「Collaborators」（仅团队成员可访问）或「Public」，生成访问链接后，团队成员打开链接即可访问项目

3. 实现代码修改后的实时更新 #

要让修改代码后团队刷新就能看到变化，可结合文件监听工具：

方法一：使用BrowserSync（推荐）

• 先全局安装：npm install -g browser-sync
• 保持之前的PHP服务器运行，新开一个终端，运行：
  browser-sync start --proxy "localhost:8000" --files "**/*.php, **/*.html, **/*.css, **/*.js"
• BrowserSync会生成一个新的访问端口（默认3000），把这个端口通过Live Share共享给团队
• 此后你修改任何PHP、HTML、CSS或JS文件，BrowserSync会自动触发浏览器刷新，团队成员刷新页面就能看到最新内容

方法二：手动重启服务器（简单但低效）

如果不想额外安装工具，每次修改PHP文件后，在终端按Ctrl+C终止服务器，再重新运行php -S localhost:8000，团队刷新页面即可看到更新

注意事项 #

• 确保你的本地防火墙允许8000/3000端口的访问，否则团队成员可能无法连接
• Live Share协作会话必须保持开启，服务器才能持续共享
• 若项目依赖数据库，需确保数据库服务处于运行状态，且团队访问的链接能间接访问到你的本地数据库（或使用云端数据库更稳定）

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