React 默认启动逻辑

React 创建工程以

react-scripts start

启动开发服务器；默认情况下是以 3000 作为服务器端口；

自定义启动端口

如果需要自定义设置端口 可以通过修改 process.env.PORT 实现

控制台启动时指定

// 设置端口是 8888
// 二选一都可以
PORT=8888 yarn react-scripts start
PORT=8888 npm react-scripts start

在 package.json 的scripts 中指定

// 在 window 环境下
// 通过 set 指令实现
"scripts": {
    "start": "set PORT=8888 && react-scripts start",
},

// 在 mac 环境下
"scripts": {
    "start": "PORT=5000 react-scripts start",
},

通过 cross-env 协助制定

# 安装 cross-env
npm install cross-env -g

"scripts": {
    "start": "cross-env PORT=5000 react-scripts start",
    //...
}