如何使用Gulp.js打开新终端并执行指定命令？

我明白你要的是让Gulp帮你新开终端分别跑不同任务的需求，其实咱们可以借助Node.js自带的child_process模块来实现，因为不同操作系统打开终端的命令不一样，下面分系统给你具体的代码示例：

核心思路 #

Gulp本身运行在Node.js环境里，所以直接用Node的child_process.spawn()方法来调用系统终端命令，让终端在新窗口里执行你的yarn命令就行。

完整Gulpfile.js示例 #

const { src, dest, series } = require('gulp');
const { spawn } = require('child_process');

// 任务1：打开新终端，运行子目录的serve命令
function serveSubdir(cb) {
  let terminalCmd, args;
  const subdirPath = './your-subdirectory'; // 替换成你的子目录路径
  const serveCmd = 'yarn start'; // 替换成你要执行的serve命令

  // 根据操作系统选择终端命令
  switch (process.platform) {
    case 'win32': // Windows系统
      terminalCmd = 'cmd.exe';
      args = ['/c', `start cmd.exe /k "cd ${subdirPath} && ${serveCmd}"`];
      break;
    case 'darwin': // macOS系统
      terminalCmd = 'open';
      args = ['-a', 'Terminal', '-n', '--args', '-c', `cd ${subdirPath} && ${serveCmd}; exec bash`];
      break;
    case 'linux': // Linux系统
      terminalCmd = 'x-terminal-emulator';
      args = ['-e', `bash -c "cd ${subdirPath} && ${serveCmd}; exec bash"`];
      break;
    default:
      console.error('不支持的操作系统');
      cb();
      return;
  }

  spawn(terminalCmd, args, { stdio: 'inherit' });
  cb();
}

// 任务2：打开新终端，运行前端项目的install和build命令
function frontendTasks(cb) {
  let terminalCmd, args;
  const frontendPath = './your-frontend-dir'; // 替换成你的前端项目路径
  const frontendCmds = 'yarn install && yarn build'; // 替换成你要执行的命令

  switch (process.platform) {
    case 'win32':
      terminalCmd = 'cmd.exe';
      args = ['/c', `start cmd.exe /k "cd ${frontendPath} && ${frontendCmds}"`];
      break;
    case 'darwin':
      terminalCmd = 'open';
      args = ['-a', 'Terminal', '-n', '--args', '-c', `cd ${frontendPath} && ${frontendCmds}; exec bash`];
      break;
    case 'linux':
      terminalCmd = 'x-terminal-emulator';
      args = ['-e', `bash -c "cd ${frontendPath} && ${frontendCmds}; exec bash"`];
      break;
    default:
      console.error('不支持的操作系统');
      cb();
      return;
  }

  spawn(terminalCmd, args, { stdio: 'inherit' });
  cb();
}

// 导出任务，你可以单独运行或者串联运行
exports.serveSubdir = serveSubdir;
exports.frontendTasks = frontendTasks;
exports.all = series(serveSubdir, frontendTasks); // 依次执行两个任务

关键说明 #

• 路径替换：记得把代码里的./your-subdirectory和./your-frontend-dir换成你实际的项目路径
• 命令调整：如果你的serve命令不是yarn start，或者前端命令需要修改，直接替换对应的字符串就行
• 终端保持打开：Windows里用/k参数让终端执行命令后不关闭；macOS和Linux里加了exec bash，避免命令执行完终端自动关闭
• stdio: 'inherit'：这个选项是让子进程的输出和当前Gulp进程的输出共享，方便你实时看到命令执行的日志

使用方法 #

• 单独运行第一个任务：gulp serveSubdir
• 单独运行第二个任务：gulp frontendTasks
• 依次运行两个任务：gulp all

这样就能实现你要的，每个任务都在新终端里执行对应的命令啦！

内容的提问来源于stack exchange，提问作者Angel