如果你使用纱线:

yarn serve --port 3000

我的天啊!这并不复杂，这些答案也同样有效。然而，这个问题的其他答案也很有效。

如果你真的想使用vue-cli-service，如果你想在你的包中有端口设置。你的'vue create <app-name>'命令基本上创建的Json文件，你可以使用以下配置:所以你脚本的整个配置是这样的:

...
"scripts": {
"serve": "vue-cli-service serve --port 3000",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
...

我在macOS设备上使用@vue/cli 4.3.1 (vue——version)。

我还添加了vue-cli-service引用: https://cli.vuejs.org/guide/cli-service.html

要更改端口(NPM)，请转到package.json。在脚本中编写自己的脚本，例如:

"start": "npm run serve --port [PORT YOU WANT]"

之后你可以用npm start开始

Vue-cli webpack模板的端口在你的应用根目录myApp/config/index.js中。

你所要做的就是在dev块中修改端口值:

 dev: {
    proxyTable: {},
    env: require('./dev.env'),
    port: 4545,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    cssSourceMap: false
  }

现在你可以用localhost:4545访问你的应用了

如果你有。env文件，最好从那里设置

如果你想临时改变端口号，你可以在npm run serve命令中添加一个-port选项。

运行服务-- --端口6058

打开package.json 添加名为serve的脚本，"serve": "Vue-cli-service serve -port 8081" NPM运行服务 服务器将运行8081

{
  "name": "app-name",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve --port 8081", 
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }
}