vue-cli+webpack项目如何自动在浏览器打开

最近在学习vue的相关知识,使用vue-cli＋webpack创建的项目执行命令npm run dev的时候，并没有在浏览器自动打开,而在github上下载的vue项目都能够通过命令直接在浏览器运行。对比了一下，发现有个别文件发生了变化，于是就搜索了一下相关问题，找到了github上关于webpack的说明。
github地址：webpack-dev-server

What changed?

1、 /config/dev-server.js and /config/dev-client.js are gone
/config/dev-server.js 和/config/dev-client.js这两个文件移除了

//2、webpack.dev.conf.js now returns a promise.
module.exports = new Promise((resolve, reject) => {
    ...
｝
 
 
1
2
3
4

That file now also has all the webpack-dev-server configuration, but most of the usually used options can be configured from /config/index.js
找到/config/index.js文件，你会发现很多参数配置都在里面

// 各种设备设置信息 

host: 'localhost', //主机名 

port: 8080, // 端口号（默认8080） 

autoOpenBrowser: false,//是否自动打开浏览器 

//想让浏览器自动打开，只需将false改为true即可，为防止端口号冲突，这里也可以随意更改端口号
 
 
1
2
3
4
5