使用vue-cli安装项目中devServe 设置open为true的时候浏览器启动两次的解决办法

最新推荐文章于 2025-07-15 18:15:52 发布
最新推荐文章于 2025-07-15 18:15:52 发布
阅读量7.3k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： vue-cli浏览器自启动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37309764/article/details/90722192
博客介绍了vue-cli实现浏览器自启动的方法，只需在package.json里，于scripts下的server属性配置后添加--open即可。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在package.json中把scripts下的server属性配置后面加上--open就可以了

"scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "prod": "vue-cli-service build --mode development"
}

 

vue项目使用vue-cli-plugin-electron-builder，打包时的一些坑
weixin_43185419的博客
12-21 4150
vue项目使用vue-cli-plugin-electron-builder，打包时的一些坑
vue-cli-plugin-electron-builder打包vue2
2301_80553345的博客
05-22 966
会自动下载electron相关的包(需要选择node对应版本的electron包)，生成运行命令并在src目录下生成background.js。1、下载npm install vue-cli-plugin-electron-builder --save -dev。npm run electron:build打包，打包成功如下，会在dist文件夹中生成包。需要存在version，description，author，没有请添加。3、修改backgound.js，打开后窗口大小。
Vue devServe配置open:true时 自动打开两个浏览器窗口
a736755244的博客
04-25 806
Vue devServe 配置 open:true 时 自动打开两个浏览器窗口
vue项目中devServe 设置open为true的时候浏览器启动两次的解决办法
芳草萋萋鹦鹉洲哦
02-18 4020
使用潘家成大佬的vue-admin-template框架，发现npm run dev后浏览器总是启动两次，出现两个相同的页面。 下面说一下解决办法： vue.config.js 里的devServer里的open选项改为false， package.json中的scripts改为 {“dev”: “vue-cli-service serve --open”} 然后就万事大吉辽 ...
vue项目启动报错？报错信息hello-worldG0.1.0 serve c:\create-applYYTs＞vue-cli-service serve --open“vue-cli-servi
最新发布
qq_70036866的博客
07-15 111
解决项目启动的时候报错问题
vue-cli3项目中添加open:true报错，百度半天无法解决
weixin_44362368的博客
11-25 2428
刚开始没有加自动打开浏览器的可以正常运行 后面添加了 出现events.js:292 throw er; // Unhandled 'error' event ^ Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19) at onErrorNT (internal/child_process.js:465:16) a
Vue dev模式启动 打开两次启动页面问题 （Vue-QA-02）
既然青春留不住，还是做个大叔好!
07-02 899
推荐一个开源Vue项目。（假装推荐，实际已经在github上很火了） Vue-element-admin 技术栈: Vue+elment+sass 问题描述：在dev模式启动的时候打开了两次首页 解决办法： Step 1 找到vue.config.js文件，将devServer处改为false。 devServer: { port: port, open: false,// 由true修改为false overlay: { warnings: false, err.
vue-cli编译浏览器自动打开
Stitch_xiao的博客
03-01 672
package.json文件夹下面找到serve命令，在后面加上 --open "serve": "vue-cli-service serve --open",
vue-cli安装及webpack项目搭建.docx
05-07
完成Vue CLI的安装后，就可以使用`vue create`命令创建新项目。例如，创建名为"my-project"的项目： ```bash vue create my-project ``` 在创建项目的交互过程中，你可以选择预设的配置（如"default"或"手动选择...
vue-cli3单页构建大型项目方案
11-20
首先，创建项目时，通过在目标文件夹内执行 `vue ui` 命令，启动 Vue CLI 3 的图形用户界面，这使得创建和管理项目更加直观。你可以在这个界面上选择预设、模板或自定义配置来初始化项目。 接下来，关注路由配置。...
Vue进阶（五十四）：vue-cli 脚手架 dev-server
2401_85124192的博客
06-11 1009
/ 把配置参数传递到webpack方法中，返回一个编译对象，这个编译对象上面有很多属性，自己去看吧，主要是用到里面的状态函数 如compilation，compile，after-emit这类的。// 下面是webpack-dev-server 监听的端口号，因为没有设置process.env.PORT，所以下面监听的就是config.dev.port即8080。// 下面是代理表的处理方法，看看就行了，几乎用不上，除非你是全栈，不用webpack-dev-server，使用后台语言做服务器。
@vue/cli项目启动自动打开浏览器
哈
10-07 459
【代码】@vue/cli项目启动自动打开浏览器。
Vite 4.x 下 devServer代理无效的问题解决
Maskman的专栏
05-21 1882
当前准备开发一个新的管理系统项目，使用 Vue3 + Vite进行构建，在连接后端服务器时候出现了跨域访问的问题，参考网上大多文章，都是在 vite.config.js下，增加 devServer配置项用于搭建本地内置的代理服务器，实现开发环境下跨域访问。但按这些文章介绍的办法，访问后端时，都报404访问错误，用POSTMAN等测试工具，也有同样的异常。target: 'http://xxx.xxx.xxx.xxx:9001',// 代理目标的基础路径。
vue-cli-service相关配置说明
CB_0792的博客
12-31 2401
在利用vue create my-project建立好项目之后会在package.json文件中看到的以下内容 "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build" } 下面分别对着几项进行解释： 1 vue-cli-service serve [options] Options: 　--open　服务器启动时打开浏览器 　--copy　将URL复制到服务器启动时的剪贴板
vue-cli 启动不同的环境，正式、测试
jar_oo的博客
04-30 1446
根据不同的命令 启动不同的环境 vue CLI服务 ：https://cli.vuejs.org/zh/guide/cli-service.html // 修改 package.json 文件 根据不同的参数启动 "scripts": { "serve-dev": "vue-cli-service serve --open --mode dev", "bui...
Vue dev模式启动，出现页面启动两次问题解决方法
qq_43350849的博客
03-11 3243
第一步：找到vue.config.js文件，将devServer下的open，改成false devServer: { port: port, open: false, //原来为true，改为false overlay: { warnings: false, errors: true } 第二步：找到package.json文件，修改scripts下的dev。将对应的脚本启动项 修改为"dev": “vue-cli-service serve --open”。 ...
前端启动出现报错，提示vue-cli-service serve的解决办法
m0_67393828的博客
03-02 6108
在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ruoyi@3.6.0 dev script. npm ERR! This is probably not a problem
IDEA使用vue-cli-service serve --open命令打开vue项目出现http://0.0.0.0:8080/无法打开
tang__yuan的博客
03-19 2006
我是使用springboot加载的vue插件，看网上说修改config\index.js文件，但是一直找不到文件路径。 在IDEA使用全局搜索0.0.0.0，在这里将其修改为127.0.0.1 再次运行项目，发现能够正常打开
Vue CLI 服务
2201_75866484的博客
04-21 3455
在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。vue-cli-service build 会在 dist/ 目录产生一个可用于生产环境的包，带有 JS/CSS/HTML 的压缩，和为更好的缓存而做的自动的 vendor chunk splitting。
Vue-cli 2.9.1Webpack问题解析：自动启动浏览器设置
例如，自动启动浏览器的功能不再像之前那样工作，这是由于vue-cli现在使用了`webpack-dev-server`插件来处理开发服务器，而不再是`dev-server.js`和`dev-client.js`。 在旧版本的vue-cli中，通过`npm run dev`启动...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值