XAMPP服务器htdocs文件夹不自动更新VSCode修改的PHP文件求助

方法一：修改Apache站点根目录（最省心的方案） #

• 打开XAMPP控制面板，点击Apache的「Config」按钮，选择httpd.conf配置文件
• 找到这两行代码：

  DocumentRoot "C:/xampp/htdocs"
  <Directory "C:/xampp/htdocs">
  

• 把路径替换成你VS Code中PHP项目的实际目录，比如：

  DocumentRoot "D:/MyPhpProjects"
  <Directory "D:/MyPhpProjects">
  

• 保存配置文件，重启Apache服务。之后直接在VS Code的项目目录编辑文件，XAMPP会实时读取最新内容，完全不用手动复制

方法二：创建软链接（保留htdocs默认结构） #

适合不想改动Apache默认配置的场景，通过软链接让htdocs指向你的项目目录：

• Windows系统：以管理员身份打开命令提示符，执行：

  mklink /D "C:/xampp/htdocs/your-project" "D:/MyPhpProjects"
  

  第一个路径是htdocs中生成的链接目录名，第二个是你的项目实际路径
• macOS/Linux系统：打开终端，执行：

  ln -s /Users/yourname/MyPhpProjects /Applications/XAMPP/htdocs/your-project
  

• 完成后访问localhost/your-project就能直接访问VS Code里的项目，修改文件后会自动同步到htdocs的链接目录

方法三：VS Code自动同步任务（适合特殊场景） #

如果前两种方法都不适用，可以用VS Code的任务功能实现保存自动同步：

1. 打开VS Code，按下Ctrl+Shift+B打开任务面板，选择「创建tasks.json文件」，再选「Others」模板
2. 替换tasks.json内容为：

   {
       "version": "2.0.0",
       "tasks": [
           {
               "label": "Sync to htdocs",
               "type": "shell",
               "command": "xcopy \"${workspaceFolder}\\*\" \"C:\\xampp\\htdocs\\your-project\" /E /Y /I",
               "group": {
                   "kind": "build",
                   "isDefault": true
               },
               "problemMatcher": []
           }
       ]
   }
   

3. 把命令中的目标路径改成你在htdocs里的项目目录，保存后按Ctrl+Shift+B就能手动触发同步；如果要自动同步，安装「Run on Save」插件，配置成保存文件时自动执行这个任务

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