YDOOK：vue3: vue-cli4: 项目自启动 自动打开浏览器 Chrome

YDOOK：vue3: vue-cli4: 项目自启动 自动打开浏览器 Chrome

© YDOOK JYLin

---

可有两种方法实现：

方法1：

在 package.json 文件中 “script” 子项中的 ‘‘server’’ 子项中的字符串后面添加 ： “–open”:

源代码：

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

修改：

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

---

方法1效果：

---

完成后自动启动浏览器：

---

---

2. 方法2：

新建 vue.config.js 文件：

输入：

module.exports = {
    devServer: {
        open: true, // 是否设置开启自动打开浏览器
        hotOnly: false, // 是否设置开启热更新
        }
}

---

---