前言：

之前用过一个编辑器bracket，它有一个GUI插件直接在浏览器中打卡当前文件，很是不错。但是在文件管理和terminal的使用上觉得还是vscode更赞，所以利用了vscode的task把这个功能给移植过去。以下记录用于备忘。

过程

配置task文件

1. ⌘+⇧+p 打开vs的控制台
2. 搜索configure task命令
3. 替换初始的task.json为以下文件

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks":[
        {
            "label": "browser",
            "osx": {
                "command": "/Applications/Google Chrome.app
                          /Contents/MacOS/Google Chrome"
            },
            "args": ["${file}"],
        }
    ]
}

说明:

• label 属性用于标记这个task，相当于task的标记（抛弃的taskName的替代），后面会用于配置快捷键；
• osx说明该对象内的命令式osx系统下的，可以根据对应平台设置成linux或windows下的命令；
• args中的${file}指示的就是当前文件。

给task配置快捷键

打开菜单栏的code>preferences>keyboard shortcuts（快捷键⌘K ⌘S）
打开advanced 配置文件keybindings.json，配置文件如下：

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+b",
        "command": "workbench.action.tasks.runTask",
        "args": "browser"
    }
]

说明：

• args的值就是task配置文件中对应task的label值；
• command的值的调用方式可以深入探讨。

结果

这样在一个.htm[l]文件中，就可以用快捷键ctrl+shift+b来预览了。