VSCode资源管理器不支持实时刷新文件夹，需手动右键“刷新”或按F5/Cmd+R；Live Server仅刷新浏览器，File Watchers等插件方案不稳定，本质是快照视图，须主动触发更新。
VSCode 本身不支持“实时刷新文件夹”
VSCode 的资源管理器（侧边栏）默认不会自动监听磁盘新增/删除文件并刷新列表——它只在你手动触发时才重新读取。所谓“实时刷新”，其实是靠外部工具或插件模拟出来的行为，本质是「监听文件系统变化 + 主动触发 VSCode 刷新动作」。
用 Live Server 插件解决的是页面刷新，不是文件夹刷新
很多人装了 Live Server 后误以为它能刷新文件夹，其实它只做一件事：起一个本地 HTTP 服务器，并在你保存 .html、.css、.js 文件时，向浏览器发送刷新指令。它完全不干预 VSCode 的文件资源管理器，也不会让侧边栏里突然多出一个刚创建的 utils.js。
- ✅ 正确用途：编辑 HTML 后保存 → 浏览器自动刷新
- ❌ 常见误解：新建一个
components/文件夹 → 侧边栏自动出现该文件夹 - ⚠️ 注意：如果文件夹内容变化没反映出来，大概率是你改的是磁盘，但 VSCode 还缓存着旧状态；此时应右键文件夹 → “刷新”，或按
Ctrl+Shift+P→ 输入File: Refresh Explorer（部分版本支持该命令）
真要监听磁盘并自动刷新文件夹？得靠系统级文件监视
VSCode 原生不提供持续监听整个文件夹的机制，但你可以通过扩展间接实现。最接近需求的是 File Watchers 插件，但它不直接“刷新文件夹”，而是执行自定义命令——你需要自己把它和 VSCode 的刷新动作串起来。
- 安装
File Watchers后，在设置里添加一个监视器，Command字段填：code --command "workbench.files.action.refreshFiles"（需确保 VSCode 在终端可用） - 更可靠的做法是：用脚本监听变更（如
chokidar-cli），检测到增删文件后，调用 VSCode 的命令行接口触发刷新（注意：需 VSCode 已运行且启用--enable-proposed-api才支持部分自动化） - ⚠️ 实际体验并不稳定：VSCode 没开放官方 API 让插件直接调用“刷新资源管理器”，多数方案只是变相重启窗口或重载工作区，反而打断编辑流
日常开发中，最省事也最可靠的刷新方式
别依赖“自动”，就用 VSCode 内置的轻量操作。它足够快，且不会引入兼容性问题或权限冲突。
- 右键点击任意文件夹 → 选择 “刷新”（图标是带箭头的圆圈，就在上下文菜单里）
- 聚焦到资源管理器视图（
Ctrl+Shift+E），按F5（Windows/Linux）或Cmd+R（macOS）——部分版本已将此快捷键绑定为刷新资源管理器 - 如果刚从命令行
git pull或mkdir了一批文件，优先右键父文件夹刷新，而不是整个工作区；避免触发Reload Window，否则所有未保存的编辑器标签都会闪退
真正卡住的时候，往往不是“怎么让它自动”，而是忘了 VSCode 资源管理器根本不是实时文件系统视图——它是个快照。你得主动告诉它：“喂，看看磁盘现在什么样了”。
