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

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

第二步粘贴如下代码进入

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

这样问题就已经解决了。

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

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

Logo

前往低代码交流专区

更多推荐