VSCode 无内置“File Watcher”，但可通过 Tasks+扩展、终端脚本或专用工具实现文件保存自动触发任务。例如配置 tasks.json 启用 tsc --watch，或安装 Auto Run Command 扩展实现保存即格式化，同时需优化文件监听性能以避免冲突与卡顿。
VSCode 本身没有内置叫“File Watcher”的独立功能，但通过 任务（Tasks）+ 文件监视扩展 或 集成终端 + 脚本工具，可以实现类似 WebStorm 那样的文件保存即触发构建、编译、格式化等自动任务的效果。
用 Tasks 配合问题匹配器实现轻量自动构建
VSCode 的 tasks.json 支持 isBackground: true 和 problemMatcher，可将长期运行的构建命令（如 tsc --watch、webpack --watch）注册为后台任务。一旦启动，它就会监听文件变化并自动响应。
- 在项目根目录创建
.vscode/tasks.json - 配置一个带
"isBackground": true的 task，例如运行 TypeScript 监听模式 - 添加匹配器（如
$tsc-watch）让错误直接出现在“问题”面板 - 用快捷键
Ctrl+Shift+P → Tasks: Run Task → tsc: watch启动即可
用扩展补足“保存即运行”的场景
如果只是想在每次保存某个类型文件时执行一条命令（比如保存 .ts 就跑 ESLint 修复），原生 Tasks 不够灵活。这时推荐安装轻量扩展：
-
Auto Run Command：可配置“保存时执行指定命令”，支持条件过滤（如仅限
*.js） - Trigger Task on Save：更专注保存触发，规则更直观，支持多任务和 glob 模式
- 配合
eslint --fix、prettier --write等 CLI 工具，就能做到“保存即格式化”
用终端脚本或工具链做更可控的监听
对复杂流程（比如同时监听源码、样式、资源，并分路径触发不同命令），建议退回到终端级工具，再在 VSCode 中集成：
- 用
chokidar-cli（Node）或inotifywait（Linux/macOS）写自定义监听脚本 - 把脚本加到
package.json的scripts中，例如"watch:css": "chokidar 'src/**/*.scss' -c 'npm run build:css'" - 在 VSCode 终端中运行
npm run watch:css，或通过 Tasks 调用该 script
注意调试与性能平衡
文件监视容易引发重复触发、卡顿或崩溃，尤其在大项目或 WSL 环境下：
- 检查 VSCode 设置中的
files.watcherExclude，排除node_modules、dist等目录 - 避免多个扩展/任务同时监听同一组文件（比如 ESLint 扩展 + Auto Run Command 都监听
.ts） - Windows 用户若用 WSL，优先在 WSL 内运行监听命令，而非 Windows 端的 VSCode 直接监视远程文件系统
