vue.js作为一款前端框架，在开发过程中需要启动一个开发服务器来实现热加载、自动重新构建等功能。默认情况下，vue.js开发服务器会监听8080端口，然而在某些情况下，我们可能需要修改默认的端口号，以便于避免冲突或符合项目需求。以下是在vue.js项目中修改默认端口号的方法。
第一种方法：使用命令行参数
Vue-cli提供了一种简单的方法来修改端口，即在启动命令中添加--port或-p参数。例如，要将端口号修改为3000，可以使用以下命令启动开发服务器：
npm run serve -- --port 3000
可以看到，在npm run serve命令后面添加了两个横线，意味着接下来的--port 3000是传递给开发服务器的参数。修改完毕后，Vue应用将在3000端口启动。
第二种方法：修改配置文件
除了使用命令行参数外，我们还可以通过修改Vue项目的配置文件来修改默认的端口号。在Vue-cli 3.x版本中，Vue项目的配置文件位于项目根目录下的vue.config.js文件中。如果该文件不存在，可以手动创建该文件。
在vue.config.js文件中，我们可以通过给devServer对象传递配置参数来修改默认的端口号。例如，以下代码将端口号修改为3000：
cqcms通用企业建站介绍 cqcms蓝色通用企业网站源码(带手机端)后台非常简单，一个后台同时管理PC和wap。把图片和文字稍加修改，就可以使用。适合任何企业网站 安装步骤： 1、下载文件，并且解压到网站的根目录，配置好apache/IIS虚拟主机以及伪静态;2、安装网址http://localhost/（localhost为您网址地址）3、网站后台入口 http://localhost/ad
立即学习“前端免费学习笔记（深入）”；
module.exports = {
devServer: {
port: 3000
}
}需要注意的是，如果我们在修改端口后发现Vue应用无法启动，并提示“端口被占用”的错误信息，可能是因为该端口已经被其他应用程序占用。此时，我们需要选择另外的端口号，并修改对应的配置文件或命令行参数即可。
总之，无论是使用命令行参数还是修改配置文件，都可以方便地修改Vue.js开发服务器的默认端口号，以满足不同项目的需求。同时，熟悉这些配置技巧也有助于我们更好地理解Vue.js框架，提高开发效率和代码质量。
