在 vue cli 的使用过程当中，有时候需要我们改变 vue cli 的一些运行命令。

比如在使用vue create 项目名称 创建一个 vue 项目后，该如何运行这个项目

vue cli3 以上

运行命令

vue cli 项目默认运行的端口号是 8080，运行命令是npm run serve

可以在 package.json 中修改运行命令，将 serve 修改为 dev，就可以使用npm run dev运行项目

端口号

修改运行的端口号，需要在 node_modules 中查找 @vue 文件夹，里面有 cli-service 文件夹，找到 lib 文件夹，commands 文件夹，找到 serve.js 文件夹。顺序：node_modules --> @vue --> cli-service --> lib --> commands --> serve.js

@vue文件夹

serve.js

在 serve.js 文件夹中查找 defaults，修改 port 就可以设置端口号了

vue cli2.x

不过以上的修改是 vue cli 较新版本的情况（vue cli3 以上），如果使用 Vue cli2.x 来创建的项目，修改方式就稍微有些不同，创建命令：vue init webpack 项目名称。

此种情况下创建的项目当中含有 build 和 config 文件夹

修改运行命令依旧是找到对应的 package.jsonj 即可，然后在 script 对象中修改 start

至于修改端口号，在这一版本的项目中就不必寻找相应的 @vue 文件夹了

寻找到 config 配置文件夹，在配置文件夹中有一个 index.js 文件。这个文件主要有一些 vue cli2.x 项目的配置参数

config

通过修改 module.exports 可以抛出的 dev 中的 port 来修改地址。 后面的英文说明‘can be overwritten by process.env.PORT, if port is in use, a free one will be determined ’的意思也是：可以被覆盖进程环境端口，如果端口正在使用，将确定一个空闲端口

port

题外话

其实有的时候，相较于现在的 vue cli 使用，我更觉得 vue cli2 的配置更加方便。

不过 vue cli3 的设计原则是“0 配置”，移除（隐藏）配置文件 build 和 config 等目录。那就没办法了，只能去通过一些其他的方式修改项目的配置了。 在上面所说的 @vue 文件夹中 cli-service 其实就是隐藏掉的配置啦！

附

下方评论区有一位朋友说的也不错，也自己配置一下 vue.config 来修改端口号

创建一个 vue.config.js 文件

配置相关如下修改即可

const path = require("path");
// 配置vue.config.jsmodule.exports={    devServer: {        disableHostCheck: false,        port: 9001,  //端口号        https: false,        hotOnly: false,       proxy: null    },  }