vue-cli3.0如何修改端口号

要修改Vue-CLI 3.0项目的端口号，可按照以下步骤进行操作：

1. 打开package.json文件，找到scripts字段下的serve属性。

2. 在serve属性中添加一个"--port"参数并设置一个新的端口号。例如，要将端口号修改为3002，可修改成如下代码：

"scripts": {
    "serve": "vue-cli-service serve --port 3002",
    ...
},

1. 保存文件并退出。

2. 然后，重新运行npm run serve即可看到修改后的端口号生效。

如果您想在项目启动时以命令行参数的形式设置端口号，也可以按以下方式操作：

1. 打开package.json文件，找到scripts字段下的serve属性。

2. 在serve属性中添加一个"--port"参数，默认值为8080。例如：

"scripts": {
    "serve": "vue-cli-service serve",
    "serve:prod": "vue-cli-service serve --port 3002",
    ...
},

1. 将默认的端口号改为您需要的端口号。例如，将默认端口号改为3001则可修改如下：

"scripts": {
    "serve": "vue-cli-service serve --port 3001",
    "serve:prod": "vue-cli-service serve --port 3002",
    ...
},

1. 保存文件并退出。

2. 然后，按照所需的环境运行npm run serve或npm run serve:prod即可设置对应的端口号。

示例1：将端口号修改为3002

假设现有一个Vue项目已经创建，要将端口号修改为3002。可按以下步骤进行操作：

1. 打开package.json文件。

2. 找到scripts字段下的serve属性，修改如下代码：

"scripts": {
    "serve": "vue-cli-service serve --port 3002",
    ...
},

1. 保存文件并退出。

2. 然后，打开终端，运行npm run serve即可看到修改后的端口号生效。

示例2：启动时通过命令行参数设置端口号为3001

假设现有一个Vue项目已经创建，要在启动时设置端口号为3001。可按以下步骤进行操作：

1. 在终端中进入Vue项目所在的目录。

2. 输入命令：

npm run serve -- --port 3001

1. 然后，即可启动项目并设置端口号为3001。