vue配置启动项目自动打开浏览器方式
目录
vue配置启动项目自动打开浏览器
1.找到项目中的config文件夹内的index.js
2.打开package.json找到启动命令
3.在根目录下新建vue.config.js文件
npm run dev运行项目自动打开浏览器
vue配置启动项目自动打开浏览器 1.找到项目中的config文件夹内的index.js里面有一个配置是autoOpenBrowser:false；
设置为true即可(或者全局搜索autoOpenBrowser设置为true)
2.打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open
vue.config.js代码如下
module.exports = {
devServer:{
open:true
}
}
npm run dev运行项目自动打开浏览器
npm run dev运行项目自动打开浏览器设置自动打开浏览器
// 各种设备设置信息
host: 'localhost', //主机名
port: 8080, // 端口号（默认8080）
autoOpenBrowser: false, //是否自动打开浏览器
//想让浏览器自动打开，只需将false改为true即可，为防止端口号冲突，这里也可以随意更改端口号
autoOpenBrowser: true, //是否默认打开浏览器,默认是false，改为true即可
备注：vscode中绑定：
{
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Quirita
2020-07-10
Jane
2021-06-09
Abina
2021-05-24
Radinka
2020-01-17
Claire
2021-05-21
Heather
2023-07-20
Tertia
2023-07-20
Fredrica
2023-07-20
Katherine
2023-07-20
Genet
2023-07-20
Orianna
2023-07-20
Ora
2023-07-20
Fern
2023-07-20
Nicole
2023-07-20
Maleah
2023-07-21
Petunia
2023-07-21
Hellens
2023-07-21
Xandy
2023-07-21
Claire
2023-07-21
Tanisha
2023-08-08