Question

我有10个TypeScript项目文件夹彼此相邻，每个文件夹在其根目录中包含tsconfig.json。由于各种原因，项目需要单独编译。要在源更改时自动构建给定项目，我将从Windows批处理文件为每个项目运行以下内容：

tsc -w

从批处理文件中，使用start完成此操作，以便不同的tsc命令可以并行运行：

start tsc -w -p ./Project1
start tsc -w -p ./Project2
...

现在的问题是，根据其他选项，这可能是：

创建10个命令行窗口，以便稍后关闭手表
无形地运行，在这种情况下，只能从任务管理器中杀死手表

......两者都不可取。所以，＆＃34;正确＆＃34;在Visual Studio代码中观看多个TypeScript项目的方法？

修改

这部分我错了：

无形地运行，在这种情况下，只能从任务管理器中杀死手表

如果使用

start /B tsc -w -p ./Project1

...然后关闭启动它的命令提示符也将关闭＆＃34;隐形＆＃34;任务，至少在Windows 10上。我从任务管理器验证了这一点。

Answer 1

我发现最优雅的解决方案是使用concurrently包

安装

buff

用法

npm i -g concurrently

Answer 2

您可以使用任务文件执行此操作，但请记住使用"version": "2.0.0"，因为这不适用于旧版本。创建该文件后.vscode/tasks.json将其放入其中并根据需要进行修改。准备好运行任务后，只需运行主Build任务，它就应该启动其他tsc任务。

{
  "version": "2.0.0",
  "command": "tsc",
  "problemMatcher":"$tsc-watch",
  "showOutput": "always",
  "echoCommand": true,
  "tasks": [
    {
      "taskName": "Build",
      "isBuildCommand": true,
      "dependsOn": [
        "Build A",
        "Build B",
        "Build C"
      ]
    },
    {
      "taskName": "Build A",
      "args": [
        "-w", "-p", "./src/project-a"
      ]
    },
    {
      "taskName": "Build B",
      "args": [
        "-w", "-p", "./src/project-b"
      ]
    },
    {
      "taskName": "Build C",
      "args": [
        "-w", "-p", "./src/project-c"
      ]
    }
  ]
}

如何在VSCode中观看多个TypeScript项目？

2 个答案: