运行 双目录项目的 NPM watch 脚本

Question

我正在使用 Nuxt 和 Strapi 构建一个项目，我想知道是否可以使用单个监视脚本来开发它们，而不是打开两个终端会话，然后 运行 分别打开脚本。

我目前的文件夹结构是这样的：

- Main project
package.json <- Main script location?
- - Frontend
- - - Package.json <- Nuxt dev
- - Backend
- - - Package.json <- Strapi develop

我在主脚本中尝试了以下内容：

  "scripts": {
    "start": "cd ./Frontend && yarn dev && cd ../Backend && yarn start"
  }

但是，正如预期的那样，yarn (nuxt) dev 在监视文件方面是一致的，不会进一步执行脚本。

是否有 VSCode 的选项专门用于自动执行此操作？ VSCode 某种任务？

Answer 1

在最后一句话中回答了我自己的问题。

我使用 VSCode 个任务完成了它。 F1 -> 配置任务 -> any

之后，只需用这样的对象替换 "tasks" 数组：

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Client Watch",
      "command": "yarn",
      "args": ["dev"],
      "options": {
        "cwd": "${workspaceFolder}/Frontend"
      }
    },
    {
      "label": "Server Watch",
      "command": "yarn",
      "args": ["develop"],
      "options": {
        "cwd": "${workspaceFolder}/Backend"
      }
    },
    {
      "label": "Watch",
      "dependsOn": ["Client Watch", "Server Watch"]
    }
  ]
}