vue + vue-cli/vite设置启动服务后，自动开启浏览器

使用前端脚手架（如vue-cli/vite）为我们创建项目后，在启动服务后，需要手动在浏览器中打开界面，这篇博客就教大家如何通过设置在启动服务后，自动开启浏览器并访问界面。

vue-cli

vue.config.js

module.exports = defineConfig({
  devServer: {
    open: true,
  }
})

package.json.js

在vue-cli-service serve后增加 --open

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

vite

package.json.js

在dev的vite后增加–open

  "scripts": {
    "dev": "vite --open",
    "build": "vite build",
    "preview": "vite preview"
  },