admin管理员组

文章数量:1122850

最近用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!!!

本文标签: 打开浏览器webpackDevServer