自用的主力电脑win10系统可谓是把能装的开发环境装了个遍，用过一段时间Vagrant又来又用了WSL，目前主要技术栈转移到nodejs上面，直接在windows上开发，但是遇到最多的就是各类端口占用问题了，查证了原因多数说法是WSL引起的端口冲突，具体我还没去解决，因为WSL偶尔还需要用。

如何修改NextJS的启动端口

nextjs默认的服务端口是3000，如果修改端口号需要打开项目根目录下的文件package.json，在scripts中把dev后面的next加上端口号参数 -p 即可

{
  "private": true,
  "scripts": {
    "dev": "next dev -p 3300",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "classnames": "2.3.1",
    "date-fns": "2.22.1",
    "next": "latest",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "remark": "^14.0.1",
    "remark-html": "^15.0.0"
  },
  "devDependencies": {
    "autoprefixer": "10.2.6",
    "postcss": "8.3.5",
    "tailwindcss": "^2.2.4"
  }
}

上面的参数则是把端口号改为了3300，最后重新npm run dev或yarn dev即可。