如果你只是在Mac上，这个任务。json文件:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["${file}"],
}

.．.在Safari中打开当前文件(假设扩展名为“.html”)所需要的全部内容。

创建任务。Json，并使用⌘+shift+b调用它。

如果你想在Chrome中打开它，那么:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["-a", "Chrome.app", "${file}"],
}

这将做你想要的，如在打开一个新的标签，如果应用程序已经打开。

下面是一个2.0.0版本的当前文档在Chrome带键盘快捷方式:

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
                "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": [
                "${file}"
            ],
            "problemMatcher": []
        }
    ]
}

快捷键。json:

{
    "key": "ctrl+g",
    "command": "workbench.action.tasks.runTask",
    "args": "Chrome"
}

在web服务器上运行:

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

打开扩展工具栏(Ctrl + Shift + X) 在浏览器中搜索open并安装 右键点击你的html文件，选择“在浏览器中打开”(Alt + B)

对于Mac，设置你的任务。将. json(在.vscode文件夹中)文件内容拷贝到以下文件中，并使用SHFT+COMMAND+B打开。

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Chrome Preview",
            "type": "shell",
            "command": "open -a /Applications/Google\\ Chrome.app test.html",
            "problemMatcher": [],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

我的运行脚本看起来像这样:

{
    "version": "0.1.0",

    "command": "explorer",

    "windows": {
        "command": "explorer.exe"
    },

    "args": ["{$file}"]
}

当我在index。html文件中按ctrl shift b，它就会打开我的资源管理器

Mac -在Chrome中打开-在VS Code v 1.9.0上测试

使用Command + shift + p打开命令面板。

输入配置任务运行器，第一次这样做时，VS Code会给你下拉菜单，如果它选择了“其他”。如果你以前这样做过，VS Code会直接把你发送到tasks.json。 一旦进入任务。json文件。删除显示的脚本，替换如下:

｛ “版本”:“0.1.0”, “命令”:“铬”, " osx ": { "command": "/Applications/谷歌Chrome. "应用程序/内容/ MacOS /谷歌Chrome” }， “参数”(" $ {file} ") ｝

切换回你的html文件，按Command + Shift + b在Chrome中查看你的页面。