通过cross-env改变create-react-app默认启动端口号

使用cross-env改变create-react-app项目的端口号

使用create-react-app脚手架搭建的项目, 运行

npm start

时候, 默认启动的端口号都是3000, 只有一个项目还好, 要是有多个

react

项目, 端口号就会冲突, 虽然官方会自动把端口号向上 +1 , 但是用起来不是很方便, 在网上找了半天, 找到一个神奇

cross-env

, 使用起来方便

1. 安装

   在react项目运行

   cnpm install cross-env -D

   安装

   cross-env

2. 修改配置文件

   在 项目的配置文件

   package.json

   文件中, 找到

   "scripts"

   这个属性, 修改

   start

   , 原来是这样的

   "start": "node scripts/start.js"

   修改为

   "start": "cross-env PORT=3030 node scripts/start.js",

   PORT

   后面的值就是修改后的启动端口号, 我是把默认端口号改成了 3030 , 使用时候改成你自己想要的端口就行了