Vue项目启动后自动打开浏览器

vue-cli 覆盖webpack配置

vue项目每次启动时都需要复制链接地址打开浏览器，影响到开发效率，下面一行代码配置，解决问题，自动打开浏览器！

项目根目录下新 vue.config.js（和src同级）补充devServer

代码如下

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    host: 'localhost',
    open: true,
    port: 3000
  },
  lintOnSave: false // 关闭eslint
})

在此文件下配置，加入以下代码，就可以完成配置 每次启动项目直接打开浏览器！