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



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

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

但是,如果我们同时做前端和后端,如何在两个不同的端口上启动反应部分和节点快速部分?例如:
- 反应应用程序>本地主机:1234
- 节点快速>本地主机:3000

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

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

你可以使用像 npm-run-all 这样的包来实现这一点。安装它,然后在你的包中有两个单独的脚本(如start-front-end和start-server).json,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",
}

相关内容

最新更新