运行 Visual Studio 代码中键绑定的 npm 命令

Question

我想使用 webpack 在保存时捆绑 js 文件。

这最好使用 webpack watch 来完成。但无论如何...

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

Answer 1

使用 npm 运行 webpack bundling on save in VSC ... 或者你喜欢的任何其他 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 是一个 built-in vsc 挂钩。看这里：https://code.visualstudio.com/docs/customization/keybindings#_tasks

也可以通过

在 VSC 中访问该任务

Ctrl+P
键入 task + space
查看建议的任务或继续输入它的名称

Answer 2

keybindings.json

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

运行 Visual Studio 代码中键绑定的 npm 命令

Run npm command on keybinding in Visual Studio Code

key-bindings

npm

visual-studio-code