使用vue-cli3脚手架工具更改运行的端口号

在使用最新版的vue-cli脚手架工具时，安装好后发现项目的主目录下只有vue.config.js文件，并没有其他博主说的别的一些js文件，我想可能时在版本更新时进行了删减，好，话不多说。

第一步 在主目录下创建vue.config.js文件

第二步粘贴如下代码进入

'use strict'
module.exports = {
    devServer: {
      port: 4000  // 此处修改你想要的端口号，
    }
  }

这样问题就已经解决了。

实际上，我们可以翻阅Vue CLI的官网Vue CLI点击配置参考，找到如图所示。

这里很明确的指出了可以使用webpack中devServer中的所有配置项，因此我们只需要按照webpack的一样配置即可