对于由create-react-app新建的React项目,有这样的文件结构:
file structure
修改端口可以在node_modules\react-scripts\scripts\start.js下找到DEFAULT_PORT的配置,将3000改为其他值。
react-scripts
default_port
然而通过Git 多人协同开发push到远程库时,一般都会把跟开发机器环境相关的node_modules文件夹忽略以减小远程传输量。别人pull下来以后npm install / yarn install 再配置node_modules可能导致不统一,影响团队交流或其他问题。从这点上看,更好的是在package.json中配置:在“scripts”的“start”原来部分之前加上"set PORT=XXXX && ",一劳永逸。
package.json