我现在有一个项目是这样的，前端是用 React 写的，后端是用 Nodejs，目录结构如下：

 .

 ├── README.md

 ├── backend

 ├── node_modules

 ├── package.json

 ├── public

 ├── src

 └── yarn.lock

这个 package.json 的内容如下：

 {

   "name": "crudtest",

   "version": "0.1.0",

   "private": true,

   "dependencies": {

     "classnames": "^2.2.5",

     "concurrently": "^3.5.1",

     "react": "^16.2.0",

     "react-dom": "^16.2.0",

     "react-redux": "^5.0.7",

     "react-router-dom": "^4.2.2",

     "react-scripts": "1.1.1",

     "redux": "^3.7.2",

     "redux-thunk": "^2.2.0"

   },

   "scripts": {

     "start": "react-scripts start",

     "build": "react-scripts build",

     "test": "react-scripts test --env=jsdom",

     "eject": "react-scripts eject",

   },

   "devDependencies": {

     "redux-devtools-extension": "^2.13.2"

   },

   "proxy": "http://localhost:8080"

 }

而后端项目是放在 backend 这个目录中，其目录结构如下：

 backend

 ├── etc

 ├── node_modules

 ├── package-lock.json

 ├── package.json

 └── server.js

它的 package.json 文件，内容如下：

 {

   "name": "backend",

   "version": "1.0.0",

   "description": "",

   "main": "server.js",

   "scripts": {

     "test": "echo \"Error: no test specified\" && exit 1",

     "start": "nodemon --exec babel-node -- ./server.js"

   },

   "keywords": [],

   "author": "",

   "license": "ISC",

   "dependencies": {

     "body-parser": "^1.18.2",

     "express": "^4.16.2",

     "mongodb": "^3.0.4"

   },

   "devDependencies": {

     "babel-cli": "^6.26.0",

     "babel-preset-es2015": "^6.24.1",

     "nodemon": "^1.17.1"

   }

 }

现在前端项目要运行起来简单，只要运行如下命令即可。

$ npm run start

就会跑 3000 端口。

那么要运行服务器的程序的话，可能要这样：

 $ cd backend

 $ npm run start

就会跑 8080 端口。

那么有没有一种方法同时运行两个服务呢？

就是用一条命令跑两个服务。

解决方法如下：

1、在项目根目录下，运行：

 $ npm i concurrently --save

 或

 $ yarn add concurrently
  1. 然后更改 package.json 文件，如下：
 {

   "name": "crudtest",

   "version": "0.1.0",

   "private": true,

   "dependencies": {

     "classnames": "^2.2.5",

     "concurrently": "^3.5.1",

     "react": "^16.2.0",

     "react-dom": "^16.2.0",

     "react-redux": "^5.0.7",

     "react-router-dom": "^4.2.2",

     "react-scripts": "1.1.1",

     "redux": "^3.7.2",

     "redux-thunk": "^2.2.0"

   },

   "scripts": {

     "start": "react-scripts start",

     "build": "react-scripts build",

     "test": "react-scripts test --env=jsdom",

     "eject": "react-scripts eject",

     "server": "npm start --prefix backend",

     "dev": "concurrently \"npm run server\" \"npm run start\""

   },

   "devDependencies": {

     "redux-devtools-extension": "^2.13.2"

   },

   "proxy": "http://localhost:8080"

 }

主要添加了下面这两行：

 "server": "npm start --prefix backend",

 "dev": "concurrently \"npm run server\" \"npm run start\""

有了 --prefix backend 就不用 cd backend 了，也就是说运行 npm run server 就会跑后端的服务，相当于：

 $ cd backend

 $ npm run start

最后运行 npm run dev 相当于同时运行下面两条命令：

 $ npm run server

 $ npm run start

界面如下：

原文访问

使用 concurrently 并行地运行多个命令（同时跑前端和后端的服务）的更多相关文章

  1. [sqoop1.99.7] sqoop入门-下载、安装、运行和常用命令

    一.简介 Apache Sqoop is a tool designed for efficiently transferring data betweeen structured, semi-str ...

  2. 自定义实现InputFormat、OutputFormat、输出到多个文件目录中去、hadoop1.x api写单词计数的例子、运行时接收命令行参数，代码例子

    一:自定义实现InputFormat *数据源来自于内存 *1.InputFormat是用于处理各种数据源的,下面是实现InputFormat,数据源是来自于内存. *1.1 在程序的job.setI ...

  3. [每天一个Linux小技巧] gdb 下一次运行多个命令

    一般gdb运行的时候,我们仅仅能输入一个命令. 如: (gdb) c (gdb) bt 假设想运行多个命令怎么办? 能否像bash那样, 使用; 如 ls; ls 结论是不行. 但能够通过gdb 内建 ...

  4. 【夸QT十一】外来物品：通用脚本帮助Web运行基础Linux命令

    需求分析: 需要注意的是在这里第一次,这个人是不是QT系列文章,它是关于Web的,之所以写这篇文章.这是因为碍着Web相关开发时间,而且往往涉及linux与底层指令处理.例如,创建一个文件夹,删除一个 ...

  5. 在Ubuntu下运行 apt-get update命令后出现错误:

    在Ubuntu下运行 apt-get update命令后出现错误: The package lists or status file could not be parsed or opened sud ...

  6. sublime将python的运行结果在命令行显示

    sublime将python的运行结果在命令行显示 为什么这么折腾? 因为每次查看输出结果都要上下拖动窗口,很烦. 将build system修改为 { "cmd": [" ...

  7. Quartz的集群模式和单机模式共存-让一个非集群的Quartz与集群节点并行着运行

    假如你让一个非集群的 Quartz 应用与集群节点并行着运行,设法使用 JobInitializationPlugin和 RAMJobStore Quartz支持可选节点执行jobquartz集群,会 ...

  8. linux查看是否有某个运行的进程命令

    linux查看是否有某个运行的进程命令:例如,查询是否包含 “my_post” 关键字的进程 ps aux | grep my_post ps aux | grep  my_post | grep - ...

  9. 千万不要运行的 Linux 命令

    本文中列出的命令绝对不可以运行,即使你觉得很好奇也不行,除非你是在虚拟机上运行(出现问题你可以还原),因为它们会实实在在的破坏你的系统.所以不在root等高级管理权限下执行命令是很好的习惯. 本文的目 ...

随机推荐

  1. Dubbo 高级特性实践-泛化调用

    引言 当后端Java服务用Dubbo协议作为RPC方案的基础,但部分消费方是前端Restful的PHP服务,不能直接调用,于是在中间架设了Router服务提供统一的基于HTTP的后端调用入口. 而Ro ...

  2. LNMP - Warning: require(): open_basedir restriction in effect错误解决方法

    LNMP 1.4或更高版本如果不想用防跨目录或者修改.user.ini的防跨目录的目录还需要将 /usr/local/nginx/conf/fastcgi.conf 里面的fastcgi_param ...

  3. fontawesome-iconpicker 自定义字体图标选择器

    官网地址:https://farbelous.io/fontawesome-iconpicker/ 头部文件引入 <!--本地地址--> <link href="../cs ...

  4. 专心学LINUX：CentOS关闭屏幕自动锁定和睡眠

    在VMware中学习CentOS总免不了一直测试.调试,加上看书.刨坛,再转回到CentOS界面时已经被锁定了.看看怎么将这定时锁定取消以免麻烦.虽然可以使用字符终端,但字符终端不便于翻看前面已经发出 ...

  5. Linux命令——systemctl

    前言 systemctl本身的意义并不仅仅是一个命令那么简单,他标志着SysV时代的终结,Systemd时代的开始.CentOS 7.X系列已经抛弃SysV,全面拥抱Systemd这个init sys ...

  6. eclipse更改web项目访问路径（修改配置文件）

    1.打开你的web项目,然后找到 .settings文件夹,如果你的项目中没有这个文件夹,请搜索如何显示web项目中的隐藏文件夹就能够看到了. 2.打开.settings文件夹找到这个文件. 3.在这 ...

  7. S3cmd

    一:安装方法 #wget http://nchc.dl.sourceforge.net/project/s3tools/s3cmd/1.0.0/s3cmd-1.0.0.tar.gz #tar -zxf ...

  8. 2019-2020-1 20199301《Linux内核原理与分析》第六周作业

    第五章 系统调用的三层机制(下) 1.给MenuOS增加命令 代码如下: rm -rf menu git clone http://github.com/mengning/menu.git make ...

  9. python_并发编程——多进程

    from multiprocessing import Process import os def func1(): print('子进程1',os.getpid()) #子进程:获取当前进程的进程号 ...

  10. php 递归算法

    通过递归实现阶乘 function multi($n){ if($n == 0){ return 1 ;//终止递归 } $value = $n * multi($n-1); return $valu ...