VS Code中Live Server插件打开外部空文件夹问题求助

这种情况确实挺闹心的，我之前调试静态页面时也碰到过类似的路径识别bug，给你几个实操性强的排查和解决方向：

• 先确认VS Code的工作区是否正确
  Live Server的服务根目录是跟着VS Code当前打开的工作区走的，如果你只是双击打开了单个index.html文件，而非把整个项目文件夹作为工作区在VS Code中打开，插件就可能默认 fallback 到系统的Documents文件夹当根路径。
  解决步骤：关闭VS Code，找到你的项目专用文件夹，右键选择「用VS Code打开」，等VS Code加载完整个文件夹后，再找到index.html右键选择「Open with Live Server」，应该就能正确指向你的项目路径了。

• 手动指定Live Server的根目录
  打开VS Code的设置面板（快捷键Ctrl+, / Cmd+,），在搜索框输入Live Server: Root，把这个选项的路径改成你项目文件夹的绝对路径（比如Windows下的C:\MyWebProjects\PersonalSite，Mac/Linux下的/Users/xxx/WebProjects/MySite）。设置完成后重启VS Code，再用Live Server打开文件试试。

• 尝试从项目文件夹启动Live Server
  在VS Code的左侧资源管理器里，直接选中你的项目根文件夹，右键选择「Open with Live Server」，这样插件会强制以这个文件夹为根启动服务，之后你在浏览器里访问http://127.0.0.1:5500/index.html就应该能加载到正确的文件了。

• 清除旧的插件配置（重装没清干净的话）
  有时候重装插件不会自动清除旧的配置缓存，你可以手动删掉相关配置：

  1. 打开VS Code的设置，点击右上角的「打开设置(JSON)」按钮
  2. 在settings.json里找到所有以liveServer.settings.开头的配置项，全部删除
  3. 保存文件后重启VS Code，再重新安装Live Server插件

内容来源于stack exchange