VSCode使用Remote SSH连接远端时如何按任务选择本地/远端执行及预览远程HTML

你可以通过VSCode任务原生的runOn配置字段，直接在单个任务维度指定运行端，无需调整全局Remote SSH连接状态，同时满足本地执行预览、远端执行常驻任务的需求：

核心配置规则 #

• 如需任务在本地Windows设备执行，在任务配置中新增 "runOn": "local" 字段
• 如需任务在远端服务器执行，新增 "runOn": "remote" 字段（Remote SSH模式下缺省默认也会在远端执行）

预览远端HTML文件的配置示例 #

针对你需要调用远端文件路径、本地打开预览URL的场景，改造后的tasks.json配置如下：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Open Remote HTML",
            "type": "shell",
            "command": "start https://url_to_remote.com/${relativeFile}",
            "runOn": "local"
        }
    ]
}

注：如果URL路径和远端文件路径不完全匹配，可以通过VSCode内置变量替换调整路径部分，比如用${fileBasename}仅取文件名拼接URL

本地+远端多任务共存配置示例 #

你可以同时配置不同运行端的任务，直接通过任务名称选择执行即可，参考样例：

{
    "version": "2.0.0",
    "tasks": [
        // 本地执行：打开远端HTML预览
        {
            "label": "Open Remote HTML（本地执行）",
            "type": "shell",
            "command": "start https://url_to_remote.com/${relativeFile}",
            "runOn": "local"
        },
        // 远端执行：启动后端服务常驻任务
        {
            "label": "Start Backend Service（远端执行）",
            "type": "shell",
            "command": "cd ~/project && npm run dev",
            "runOn": "remote",
            "isBackground": true
        }
    ]
}

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