如何为每个 npm 脚本打开多个拆分终端？答案

【问题标题】：How to open multiple split terminals for each npm script?如何为每个 npm 脚本打开多个拆分终端？
【发布时间】：2019-12-07 19:42:48
【问题描述】：

我有 5 个 npm 脚本，每个脚本都需要自己的终端，因为它们在监视模式下运行并在控制台中写一些东西。

这是脚本：

"server-build-dev": "cd ts/backend && npx tsc -w && npm run server-lint",
"server-run-dev": "pm2 flush && pm2 start --only server --env development && pm2 logs",
"server-lint": "cd ts/backend && esw -w --ext .ts",
"client-build-dev": "cd ts/configs && npx webpack --config client.webpack.dev.js"

我更喜欢拆分终端来查看发生的一切。

我希望用一个命令运行所有这些脚本。因此，如果我输入“npm run all-dev”，vscode 将为我们打开 5 个拆分 powersell，每个都将运行它自己的脚本。

有可能吗？或者也许有另一种处理方式？

【问题讨论】：

标签： powershell visual-studio-code npm-scripts

【解决方案1】：

在这里查看我的答案：Create multiple terminals and run commands in VSCode

我只是更改为使用"workbench.action.terminal.splitInActiveWorkspace", 命令，而不是为每个命令创建一个新终端，它运行良好。演示 gif 并没有真正捕捉到它工作的速度和流畅度。从没有打开终端开始：

您不会运行像 npm run all-dev 这样的主 npm 脚本，而是运行在 4 个拆分终端中运行 4 个 npm 脚本的任务。

与链接答案中的警告相同 - 在运行命令后的某个时间与终端交互 - 例如，如果我尝试关闭编辑器而不打开编辑器或打开新编辑器，vscode 会冻结我。希望该错误将得到修复。在你开始删除这些拆分终端之前先点击+按钮，它永远不会冻结在我身上。

【讨论】：