npm基础知识点总结记录

vue基础知识点

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 ； 如图

vue-cli3项目解决npm run dev在浏览器打开两次的问题

1. 删掉vue.config.js文件里面devServer下面的 open:true
2. 在package.json文件 scripts对象 dev键后面加 —open，（”dev”: “vue-cli-service serve —open”）
3. ok 重新运行npm run dev (修改配置文件后要重新启动项目修改才会生效）

---

• ← Previous Post
• Next Post →