最近用vue-cli脚手架安装vue模板后,使用npm run dev发现服务运行后不能自动打开浏览器,查看了一下package.json文件,里面的部分内容如下:
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
},
脚手架使用了webpack-dev-server服务,查看了一下该服务使用方法,得知可以通过添加 --open 让服务启动后自动打开浏览器,代码修改如下:
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open",
"start": "npm run dev",
"build": "node build/build.js"
},
这是具体增加的位置,怕有的小伙伴注意不到,特意提醒一下
此时再重新运行一下npm run dev 项目就可以在浏览器中自动打开网页了,get!!!