在VSCODE中打开多个脚本并且在不同的终端中运行方式

Question

我需要运行几个脚本来启动我的开发环境，我更喜欢在VSCode中完成。虽然使用concurrently等工具很好，但我非常希望它们能够在单独的终端窗口中运行，以便更容易跟踪任何进程的输出。假设我需要同时运行npm start和npm run serve-backend，而且要在单独的终端窗口中启动两者（最好再打开第三个终端窗口进行后续操作）。请问在VSCode中有没有对应的方法？

- Lars Holdaas

---

你可以使用快捷键Ctrl+Shift+`（US-Standard键盘，您的布局可能不同）或单击终端窗口中的“+”符号来打开更多的终端窗口。这是您要找的内容吗？ - jps

谢谢，但这不是我要找的。我想用脚本来完成，这样我就可以自动打开两个终端窗口，一个运行我的后端，另一个提供我的前端服务，而无需手动打开两个窗口并运行两个脚本。 - Lars Holdaas

@LarsHoldaas 您可以定义一个宏来实现此功能。例如，通过这个扩展：https://marketplace.visualstudio.com/items?itemName=geddski.macros我尝试为您的用例创建宏，但在合理的时间内无法使其工作，所以请原谅我没有发布完整的答案。 - Tin

我也尝试了这种方法，但是我无法弄清楚它，也找不到类似于我想要的任何示例 :( 哦，好吧，无论如何还是谢谢;) - Lars Holdaas

重复的问题？如何使用shell脚本在VSCode的集成终端中打开一个新的终端选项卡？ - starball

Answer 1

哦，我可能已经想出来了。您可以通过任务 API (.vscode/tasks.json) 进行类似以下操作：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Dev-env",
            "type": "shell",
            "command": "echo Starting",
            "problemMatcher": [],
            "dependsOn": [
                "Backend",
                "Frontend"
            ],
        }
        {
            "type": "npm",
            "path": "backend"     
            "script": "start",
            "problemMatcher": [],
            "label": "Backend"
        },
        {
            "type": "npm",
            "script": "start",
            "path": "frontend",
            "problemMatcher": [],
            "label": "Frontend",
        },
        
    ]
}

然后运行任务Dev-env将同时启动两个任务，每个任务都有自己的输出。（Ctrl + Shift + P => Run Task => Dev-env）

- Pavel Schoffer