[Tool] Open Multiple Terminal Tabs on npm Start with ttab and npm-run-all

Often times when developing web applications, you need to open multiple tabs to run different scripts to start the application. This can all be done with one command

In this lesson, you will learn how to start a project and open multiple terminal tabs with one npm script.

Valid for macOS users.

 

Install:

npm i -D ttab npm-run-all

 

  "scripts": {
    "start": "run-s tab:build:js tab:backend open:page",
    "build:js": "echo 'Webpack dev server started...'",
    "backend": "echo 'Backend started...'",
    "tab:build:js": "ttab -t 'Build JS' npm run build:js",
    "tab:backend": "ttab -t 'Java Server' npm run backend"
  },

When you run 'npm start', it will open two tabs run the FE and BE