在 Visual Studio Code 中对键绑定运行 npm 命令

Question

我想使用 webpack 打包保存 js 文件。

这最好使用 webpack watch 来完成。但是无所谓...

下面的答案是我谷歌搜索的结果，我希望在某些时候对某人有用。

Answer 1

keybindings.json

{
    "key": "ctrl+shift+alt+b",
    "command": "workbench.action.terminal.sendSequence",
    "args": {
        "text": "npm run test\r"
    },
},

Answer 2

使用 npm 在 VSC 中保存时运行 webpack 捆绑……或任何其他您喜欢的 npm 命令，例如编译打字稿。

将一个添加.vscode/tasks.json到您的项目中：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "never",
    "suppressTaskName": true,
    "tasks": [
        {
            "taskName": "bundle",
            "args": ["run", "bundle"],
            "isBuildCommand": true,
            "showOutput": "never"
        }
    ]
}

编辑keybindings.json（文件>首选项>键盘快捷键）。

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key" : "ctrl+s",
        "command" : "workbench.action.tasks.build"
    }
]

这workbench.action.tasks.build是一个内置的 vsc 钩子。请参阅此处：https : //code.visualstudio.com/docs/customization/keybindings#_tasks

该任务也可以通过 VSC 访问

1. Ctrl+P
2. 类型task+ 空格
3. 查看建议的任务或继续输入其名称