vue 使用 npm run dev命令后 自動打開瀏覽器

1、使用vue-cli 老版本構建項目時， 可修改config文件夾下index.js文件 autoOpenBrowser 屬性給為 true 即可

 

 

 

使用vue-cli 3.x 版本后，所有的配置項均在vue.config.js中，修改 devServer 增加 open 屬性為 true 即可

官方：https://cli.vuejs.org/zh/config/#devserver

 

 

 

 

 

 

所以自己項目中的配置就可以配置為：

 

 

在運行項目時即可自動打開瀏覽器

 

這種方法比較萬能， 在 package.json 文件下 修改 scripts 中 dev 的命令 最后面加上 --open ； 如圖