Method runDevCommand

packages/cli/src/util/dev/server.ts:3027–3139

(forceRestart: boolean = false)

  }

  async runDevCommand(forceRestart: boolean = false) {
    // In multi-service setup, all services are managed by orchestrator
    if (this.shouldUseServicesOrchestrator()) {
      return;
    }

    const { devCommand, cwd } = this;

    if (devCommand === this.currentDevCommand && !forceRestart) {
      // `devCommand` has not changed, so don't restart frontend dev process
      return;
    }

    this.currentDevCommand = devCommand;

    if (!devCommand) {
      return;
    }

    if (this.devProcess) {
      await treeKill(this.devProcess.pid!);
    }

    output.log(`Running Dev Command ${chalk.cyan.bold(`“${devCommand}”`)}`);

    const port = await getPort();

    const env: Env = cloneEnv(
      {
        // Because of child process 'pipe' below, isTTY will be false.
        // Most frameworks use `chalk`/`supports-color` so we enable it anyway.
        FORCE_COLOR: process.stdout.isTTY ? '1' : '0',
        // Prevent framework dev servers from automatically opening a web
        // browser window, since it will not be the port that `vc dev`
        // is listening on and thus will be missing Vercel features.
        BROWSER: 'none',
      },
      process.env,
      this.envConfigs.allEnv,
      {
        PORT: `${port}`,
      }
    );

    // add the node_modules/.bin directory to the PATH
    const nodeBinPaths = getNodeBinPaths({ base: this.repoRoot, start: cwd });
    const nodeBinPath = nodeBinPaths.join(path.delimiter);
    env.PATH = `${nodeBinPath}${path.delimiter}${env.PATH}`;

    // This is necesary so that the dev command in the Project
    // will work cross-platform (especially Windows).
    const command = devCommand
      .replace(/\$PORT/g, `${port}`)
      .replace(/%PORT%/g, `${port}`);

    injectNextDevWebSocketShimIfNeeded(env, command, this.projectSettings);

    output.debug(