为双目录项目运行 NPM 监视脚本

问题描述

我正在使用 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) 开发人员在监视文件方面保持一致，并且不会进一步执行脚本。

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

解决方法

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

我已经使用 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","args": ["develop"],"options": {
        "cwd": "${workspaceFolder}/Backend"
      }
    },{
      "label": "Watch","dependsOn": ["Client Watch","Server Watch"]
    }
  ]
}