Vue 项目运行完成后自动打开浏览器的方法汇总

下面是关于Vue项目运行完成后自动打开浏览器的方法的汇总攻略：

方式1：使用默认命令

Vue项目默认使用npm run serve命令启动本地服务器，此时我们可以通过在命令后面加上--open参数来自动打开浏览器。示例代码如下：

npm run serve -- --open

注意上面命令中有两个--，中间的那个表示分隔符，后面的open为参数值。

方式2：使用Open浏览器插件

Vue CLI提供了一个插件vue-cli-plugin-open-browser，使用这个插件可以实现让项目在浏览器自动打开。安装插件的命令为:

vue add open-browser

添加完插件后，我们可以在项目根目录的vue.config.js中进行相关配置。例如，我们想让项目在启动时自动打开Chrome，可将配置文件修改为：

module.exports = {
  pwa: {
    workboxPluginMode: 'GenerateSW'
  },
  devServer: {
    open: 'chrome'
  }
}

上面的devServer.open中的值可以是浏览器的名称或路径，例如：

• "Chrome"：在chrome中打开
• "Firefox"：在Firefox中打开
• "Safari"：在Safari中打开
• "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"：指定Chrome的路径

以上就是Vue项目自动打开浏览器的方法汇总，希望对你有所帮助。