vue运行自动打开并绑定端口

1. 通过 package.json 配置项目

"vue": { 
    "devServer": { 
        "port": "8888", 
        "open" : true 
    } 
},         

或者

  "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build"
  },

注意：不推荐使用这种配置方式。因为 package.json 主要用来管理包的配置信息；为了方便维护，推荐将 vue 脚 手架相关的配置，单独定义到 vue.config.js 配置文件中。

2. 通过单独的配置文件配置项目

module.exports = { 
    devServer: { 
    port: 8888,
    open:true
    } 
} 

① 在项目的跟目录创建文件 vue.config.js
② 在该文件中进行相关配置，从而覆盖默认配置