vue create 新项目 vue-cli 3.4x版本以后新建项目修改端口号

本着负责人的精神还是更新一下吧

直接在项目根目录创建vue.config.js

module.exports = {
	devServer: {
		port: 8888
	}
}

好了下面都不用看了

个人也是百度找了好久，都不知道怎么想的一个个都是什么找到config下修改index。要是有我还百度。。。。

翻了好久终于让我找到蛛丝马迹

1、打开node_modules/@vue/cli-service/lib/options.js

顺着目录找到这个文件打开翻到最下方有这么一段

devServer: {
	/*
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: null, // string | Object
    before: app => {}
    */
  }

2、可以看到这段是注释掉的，把它释放开

devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8888,
    https: false,
    hotOnly: false,
    proxy: null, // string | Object
    before: app => {}
  }

3、启动服务查看结果npm run serve

修改成功。

其它的设置就自己研究吧。

我又来更新了，只是加一个知识点

在项目的目录下有一个package.json文件，这是项目的配置文件，在这里找到scripts这项，这里面配置的就是使用的配置文件，你可以写成自己写的配置文件，这样就不用一个个去翻node_modules了，（翻它还是很danteng的）

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  }