在WebStorm中配置端口-React + Node Express应用

Question

我将使用WebStorm IDE进行全栈实现。我为此使用react.js和node-express。我可以在单独的项目中执行此操作。但是我想知道在配置端口时如何在WebStorm项目中同时实现后端和前端。

启动前端时，我们可以在"start": "parcel index.html"下的package.json文件中提供起始html文件。在启动后端时，我们可以给"node app.js"，但是当我们在两个不同的项目中执行实现时，可以做到这一点。

但是，如果我们同时进行前端和后端操作，如何在两个不同的端口上开始反应部分和节点表达部分？例如：
-react app> localhost：1234
-node-express>本地主机：3000

"start": "parcel index.html"
"start": "node app.js"

//在package.json中，我们只能设置一个start

Answer 1

您可以使用npm-run-all之类的软件包来实现此目的。安装它，然后在package.json中有两个单独的脚本（例如start-front-end和start-server），其中npm-run-all都运行例如

"scripts": {
  "start-front-end": "parcel index.html --open",
  "start-server": "node app.js",
  "start": "npm-run-all start-server start-front-end",
}