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

Question

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

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

但是如果我们同时做前端和后端，我如何在两个不同的端口上启动反应部分和节点表达部分？例如：
- 反应应用 > localhost:1234
-节点快递> localhost: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",
}

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

Configure ports in WebStorm - React + Node Express app

node.js

webstorm

reactjs

react-fullstack