【技巧】给vscode的运行任务tasks.json添加快捷键绑定功能

版权声明：本文为博主原创文章，如需转载请注明出处，谢谢。喜欢请关注哟~ https://blog.csdn.net/sjt223857130/article/details/83035285

在使用Visual Studio Code（ 简称：vscode ）开发ts项目时，经常需要运行它的tasks.json任务。

默认的是ctrl+shift+B来构建选择任务，当任务变多时，每次都需要选择后运行，比较麻烦。

（网上哪些旧版的绑定方法已经失败，这是基于最新版目前为1.28.1的tasks.json编写。）

本文就是教大家，可以为每一个任务绑定一个快捷键。

比如 F8 编译，F5 打开浏览器运行。

首先看一下tasks.json的内容

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "type": "npm",
            "script": "build",
            "label": "build",
            "problemMatcher": []
        },
        {
            "type": "npm",
            "script": "web",
            "label": "web",
            "problemMatcher": []
        }
    ]
}

这里面定义了两个任务，第一个任务是编译代码（build），第二个任务是运行web服务器（web）。

我们可以在“文件”----“首选项”---“键盘快捷方式”。打开设置。

扫描二维码关注公众号，回复： 3715360 查看本文章

然后点击 keybindgs.json来添加自定义绑定。

比如，我要为tasks.json里的build任务来绑定一个F8的快捷键。

点击它新增一个，在弹出的框里按F8，再根据提示按Enter键，会自动添加一个配置项。

将这个配置项修改为以下：

// 将键绑定放入此文件中以覆盖默认值
[{
    "key": "f8",
    "command": "workbench.action.tasks.runTask",
    "args": "build",
    "when": "editorTextFocus"
}
]

key 表示绑定的键。

command 表示执行的命令。

args 命令的参数，这里我们是build编译任务

when 快捷键在何时生效，这里指的是编辑区

保存完，你尝试按下F8，任务便顺利运行了。

你还可以根据自已的实际需要绑定更多的快捷来，来简化工作。