将PORT环境变量添加到package.json中的服务脚本中:

"serve": "PORT=4767 vue-cli-service serve",

如果你使用纱线:

yarn serve --port 3000

这里有很多不同版本的答案，所以我想我应该在2018年10月使用Vue CLI时确认并阐述Julien Le Coupanec的答案。在Vue.js的最新版本(vue@2.6.10)中，在浏览了这篇文章中无数的答案后，下面概述的步骤对我来说最有意义。Vue.js文档引用了这个难题的各个部分，但不是很明确。

打开包裹。Vue.js项目根目录下的Vue.js文件。 在包中搜索“port”。json文件。 在找到以下对“port”的引用后，使用如下所示的相同语法，编辑serve脚本元素以反映所需的端口: "脚本":{ “serve”:“vue-cli-service serve—port 8000”， "build": "vue-cli-service build"， "lint": "vue-cli-service lint" ｝ 确保重新启动npm服务器以避免不必要的疯狂。

文档显示，通过在npm run serve命令的末尾添加——port 8080，可以有效地得到相同的结果，如下所示:我更喜欢编辑这个包。直接编辑NPM run serve——port 1234以避免额外的输入，但是内联编辑NPM run serve——port 1234可能对一些人有用。

你应该擅长这个:

“serve”:“vue-cli-service service——port 8081”，

将PORT环境变量添加到package.json中的服务脚本中:

"serve": "PORT=4767 vue-cli-service serve",

在visual studio代码中的vue项目中，我必须在/config/index.js中设置这个。 在下面更改:

module.exports = {
    dev: {
          // Paths
          assetsSubDirectory: 'static',
          assetsPublicPath: '/',
          proxyTable: {},

          host: 'localhost', // can be overwritten by process.env.HOST
          port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
          autoOpenBrowser: false,
          errorOverlay: true,
          notifyOnErrors: true,
          poll: false    
         }
}