vue项目自动打开浏览器

vue项目自动打开浏览器配置

vue-cli-service serve

用法：vue-cli-service serve [options] [entry]

选项：

  --open    在服务器启动时打开浏览器
  --copy    在服务器启动时将 URL 复制到剪切版
  --mode    指定环境模式 (默认值：development)
  --host    指定 host (默认值：0.0.0.0)
  --port    指定 port (默认值：8080)
  --https   使用 https (默认值：false)

部分设置

// package.json
  "scripts": {
    "serve": "vue-cli-service serve --open --host localhost",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

完整的设置

// package.json
  "scripts": {
    "serve": "vue-cli-service serve --open --host localhost --port 8080",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

参考：官方文档

设置vue.config.js

// package.json
"serve": "vue-cli-service serve --open",

// vue.config.js
module.exports = {
  devServer: {
    host: "127.0.0.1",
    port: 8848
  }
}