nextjs项目修改启动端口号，以及开发启动后自动打开浏览器

next版本：13.5.4

一、修改端口

在package.json文件当中修改启动命令

"scripts": {"dev": "next dev -p 3100","build": "next build","start": "next start","lint": "next lint"},

这样以来就会以端口3100进行启动。

二、开发启动自动开发浏览器

还是在package.json文件当中修改启动命令，并添加启动打开的地址

 "scripts": {"dev": "pnpm open-browser && next dev -p 3100","open-browser": "start http://localhost:3100","build": "next build","start": "next start","lint": "next lint"},

我的管理依赖用的是pnpm，如果你用的是npm，那么将是：

 "scripts": {"dev": "npm run open-browser && next dev -p 3100","open-browser": "start http://localhost:3100","build": "next build","start": "next start","lint": "next lint"},

以上就是nextjs 项目改端口，以及开发启动自动打开浏览器的配置。好了，开启你的炫酷旅程吧！