vue4.1.1版本操作记录

1.在使用新版的vue-ui创建项目后，默认启动端口是8080，想修改下端口，结果网上找找吧，全是复制粘贴什么，config下修改index，真是无语，新版的根本没有这些结构，如下，讲解对应的办法。
2.项目结构图:

image.png
访问网站
https://cli.vuejs.org/zh/guide/cli-service.html
那么文档说明很清楚了
image.png
打开项目中对应目录:
image.png
注释掉的，默认，把注释去掉，随便改个，试试效果。
image.png image.png

OK!正常。
继续追溯，在cli-service的bin目录下，vue-cli-service.js中，

image.png

根据要求引用此文件，那么打开此文件看看，

image.png
看来引用了options,继续
image.png
最终看出来，是在出口默认这里，有端口的配置。

第二种方法，直接修改package.json

如图:

image.png

重新运行，测试可以。