VSCode如何实现保存文件时自动复制文件到指定文件夹

VSCode 没有提供开箱即用的可视化配置直接实现「保存文件自动复制到指定目录」的能力，但通过简单配置即可完全满足需求，同时支持单文件保存、多文件批量保存的触发场景，适配B目录编码、自动同步到A目录运行的工作流。

方案1：轻量化增量同步（推荐日常使用） #

该方案只同步当前编辑保存的单个文件，性能开销极低，不会重复复制未改动的文件。

• 安装扩展：在扩展面板搜索安装Run On Save，这个扩展的作用就是监听VSCode的文件保存事件，执行用户自定义的shell命令。
• 工作区配置：按Ctrl+Shift+P（macOS 快捷键为Cmd+Shift+P）唤起命令面板，搜索Preferences: Open Workspace Settings (JSON)，打开当前项目的工作区配置文件，添加如下规则：

{
    "emeraldwalk.runonsave": {
        "commands": [
            {
                // 匹配B目录下所有文件，可按需限定文件类型，比如仅同步js文件可写为 "**/B/**/*.js"
                "match": "**/B/**/*",
                // 复制命令说明：macOS/Linux 用cp，Windows 系统替换为copy
                // ${workspaceFolder} 是VSCode内置变量，指代当前打开的项目根目录
                "cmd": "cp ${file} ${workspaceFolder}/A/${relativeFile.replace(/^.*[\\\/]B[\\\/]/, '')}"
            }
        ]
    }
}

配置保存后立即生效，在B目录下编辑任意文件按下保存，对应文件会按照原有的目录结构自动同步到A目录的对应位置。

方案2：原生任务全量同步（无第三方扩展依赖） #

如果不想安装额外扩展，可以使用VSCode自带的任务系统实现，适合需要全量覆盖同步的场景。

• 新建任务配置：在项目根目录下创建.vscode/tasks.json文件，写入如下配置：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "syncBtoA",
            "type": "shell",
            // macOS/Linux 系统使用下方cp命令
            "command": "cp -r ${workspaceFolder}/B/* ${workspaceFolder}/A/",
            // Windows 系统注释上方cp命令，改用下方xcopy命令
            // "command": "xcopy \"${workspaceFolder}\\B\\*\" \"${workspaceFolder}\\A\\\" /E /Y",
            "problemMatcher": [],
            "runOptions": {
                // VSCode 1.76及以上版本原生支持保存时触发任务
                "runOn": "save",
                // 仅当保存的文件位于B目录下时才执行同步
                "applyTo": "**/B/**/*"
            }
        }
    ]
}

• 低版本兼容：如果VSCode版本低于1.76，安装Trigger Task on Save扩展后补充文件匹配规则即可，不需要修改任务本身的逻辑。

配置注意事项 #

• 所有配置建议存放在工作区级别，不要写入全局用户设置，避免打开其他不相关项目时误触发复制操作。
• 路径配置优先使用VSCode内置变量或者绝对路径，避免相对路径解析错误。
• 两种方案都兼容「全部保存」操作：同时编辑多个B目录下的文件并触发全部保存时，所有改动文件都会正常同步到A目录，不会出现遗漏。

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