吐槽

首先吐槽一下，把@vue/cli 工具卸了装，装了卸，更换版本装，然后我又以为是npm模块管理的里面的模块有冲突，删了所有，从新初始化。直接拷贝同学的@vue模块，然后一个一个的排除，排除软件问题，还以为是版本问题,更换版本：npm install portfinder@1.0.21
把百度，知乎 ，csdn，我我能想到的都搜索了一遍，都是去修改默认端口号，或者默认开打浏览器，就是没有和我一样的类似问题，真的心碎，最后然后我发现，postman居然能去访问这个6000端口的地址，QQ浏览器，IE也可以，但是我就是较劲。最后搞了一天我放弃了，发现QQ浏览器也挺香的。

具体问题

vue工具版本 @vue/cli@4.0.0.5 npm版本 6.9.0

• vue create . 通过脚手架搭建的项目npm run serve后默认的端口号应该是8080,但是run出来的服务器地址却是6000端口的，并且无法在浏览器中打开（如上图），路径是在自己的node_modules里面（我的：D:\VSCode\pproject\node_modules@vue\cli-service\lib\commands\serve.js），https:改成ture，可以自动打开浏览器
• 
  让后请教了老师去更改（D:\VSCode\pproject\node_modules@vue\cli-service\lib\options.js）最后的devServer配置，结果发现是注释掉了，也就是说npm run serve，并不是使用这段代码去配置服务器的。
  中间我还自己配置了一个vue.config.js就是去更改这个配置，结果没有生效。

如何解决

在我搞了一天没解决并且放弃了之后，一个同学让我改了一段代码就OK了，（救星呀！！！！）

就是将server.js里面的一行代码更改（D:\VSCode\pproject\node_modules@vue\cli-service\lib\commands\serve.js）下面：

（ctrl + f）查找到这段，并将其更改

    portfinder.basePort =defaults.port //更改代码
    // portfinder.basePort = args.port || process.env.PORT || projectDevServerOptions.port || defaults.port //原本代码

这是一个或语句，默认端口虽然设置了8080，但是在最后面，还没到使用默认端口就设置6000，所以我们将基础端口直接给他设置成默认的8080，6000端口在浏览器中被限制，所有无法打开。
反正最后万事大吉了，希望能帮助到小伙伴，不要白白浪费了时间，最后感谢那位同学