npm run dev 时直接打开Chrome浏览器

于 2025-01-21 16:15:44 发布
阅读量656 收藏 1
点赞数 3
文章标签： npm chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lee576/article/details/145285655
版权

package.json 修改下配置

  "scripts": {
    "dev": "vite --open chrome.exe",
    ......
  },

"dev": "vite" 修改为 "dev": "vite --open chrome.exe"

这样方便一点，省得每次去点调试窗口的链接

vue3 项目启动，自动打开浏览器“dev“: “vite --open“,
jieweiwujie的博客
02-15 285
在package.json中添加 --open。
npm run dev 后 webpack-dev-server 做了哪些事情
changyandou2020的博客
08-09 396
在终端执行npm run dev，windows上调用的是 node_modules下的 .bin 文件夹下的 npm.cmd 的批处理命令，它调用 webpack-dev-server 后的操作深入理解会帮助正确认识webpack
运行npm run dev命令时自动打开浏览器的设置（vue）
weixin_43694465的博客
04-23 3261
框架搭建好过后输入npm run dev的时候不会直接打开浏览器，在config文件夹找到index.js文件夹 把autoOpenBrowser: false改为autoOpenBrowser: true，从新在命令行输入npm run dev，这是就会自动打开浏览器。 如图修改 路径 config/index.js ...
npm 打开浏览器
v_111的博客
04-18 1658
输入npm run dev 直接打开浏览器1，打开config目录下的index.js。修改autoOpenBrowser的值为true。
vue项目如何配置在npm run serve项目启动后，自动打开浏览器
马脸男的博客
07-26 1720
请注意，具体打开的浏览器取决于操作系统和默认浏览器的设置。如果希望使用特定的浏览器，可以将脚本进行适当的修改。例如，在Windows操作系统中，可以使用start命令指定浏览器的路径。以上示例中，我们使用了Windows上的start命令和chrome浏览器来打开指定的URL。根据实际情况，你可以使用适合你的操作系统和浏览器的命令进行设置。这样，在运行npm run serve命令时，Vue脚手架将自动打开默认的浏览器。在"serve"命令后添加一个参数–open或-o，用于在启动服务器后自动打开浏览器。
VUE项目运行npm run dev命令后，自动打开浏览器导航到主页
family20102010的博客
09-20 1109
如果运行 npm list open 命令后返回了 – (empty)，这意味着 open 包没有在你的项目依赖中找到。这可能是因为 open 包尚未被安装，或者它不是作为项目依赖被安装的。VUE项目运行npm run dev命令后，需要再次输入字母 "o"才会打开浏览器导航到主页，要实现自动打开，需要修改项目中的 package.json 文件。如果不能生效，使用以下命令查看open包是否安装，命令：npm list open。再次运行npm run dev命令，就可以自动打开浏览器导航到主页。
npm run dev使得默认浏览器为chrome
最新发布
02-20
为了使 `npm run dev` 命令启动时默认使用 Chrome 浏览器，可以在项目的 `package.json` 文件中的脚本部分进行相应修改。 对于基于 Webpack 的项目，在 `package.json` 中的 `"scripts"` 字段下的 `"dev"` 脚本可以...
mac idea 调试 npm run dev
02-15
对于 Vue 项目，在启动开发服务器时希望自动打开特定浏览器（如 Chrome），可以在 `package.json` 文件中的脚本部分添加相应的参数来实现这一功能[^2]： ```json { "scripts": { "dev": "webpack-dev-server --...
npm run dev 内存溢出
02-18
他们可能在运行npm run dev时遇到了内存溢出错误，想知道原因和解决办法。接下来，我需要回忆相关知识，比如Node.js的内存管理、常见的内存泄漏原因，以及Vue或React等框架在开发模式下的行为。 首先，内存溢出通常...
npm install 到npm run xxx深度解读
goodloving的博客
04-24 2387
npm install 到npm run xxx深度解读npm 实现思路npm文件package.jsonversiondependenciesdevDependenciesscriptbinnode_modules第三方依赖的package文件。**.bin**文件npm installpackage-lock.jsonpackage-lock.json 生成逻辑版本更新package-lock.json 被更改抽象的执行流程具体的执行流程npm run xxx参考文档 npm：Bring the bes
vue cli4.0项目的启动流程及（npm run serve）自动打开浏览器
IT博客技术分享
11-22 5656
一、安装 vuecli 须知：4.0 的cli安装需要，卸载之前的cli 不论是3.0 还是2.0的，都需要卸载 卸载旧版本的cli命令： npm uninstall vue-cli -g 或 yarn global remove vue-cli 二、Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。 你可以使...
npm run serve 结束后浏览器自动打开项目
m0_59324006的博客
02-15 579
vue项目运行后 浏览器自动打开
VSCode运行Vue项目后自动打开浏览器
啵啵的女孩
02-22 5970
因脚手架版本的不同，项目运行可以使用npm run dev 和 npm run serve 当使用npm run start 的时候在config文件里面找到index.js文件，修改里面的属性 autoOpenBrowser: true, 当使用npm run serve 的时候在根目录找到vue.config.js文件，修改里面的属性 devServer: { open: true, overlay: { warnings: false, errors: true
vue 启动项目时浏览器自动启动的四个方案（三种类型）。
仙途路漫漫其修远兮
05-10 6036
配置了不行那就自己手写个！！！
vue 使用 npm run dev命令后 自动打开浏览器为谷歌
虎康的博客
07-12 1779
vue 启动后，想要其自动打开指定浏览器（谷歌）并设置要打开的IP地址和端口号。
npm run dev，运行项目后自动打开浏览器
weixin_38673922的博客
07-28 905
vue 启动项目自动打开浏览器
运行项目后自动打开默认的Web浏览器
HWL5679的博客
03-04 785
--open: 这是一个可选参数，用于在启动服务器后自动打开默认的Web浏览器，并导航到Vite服务器的地址。
Chrome设置为默认浏览器
this__valve的博客
05-17 244
之前试过在vscode装插件设置打开都不行，于是就在谷歌里面设置就可以了。vue 使用 npm run dev命令后 自动打开浏览器为谷歌。打开谷歌---打开设置。
npm run dev后，浏览器不会自动打开
笑到世界都狼狈的博客
07-18 3521
首先，我在vue中使用npm run dev运行项目结果如下： 看效果是运行成功了，但是浏览器不会自动打开，需要我复制粘贴自己去打开浏览器，所以百度了一下，找到了解决方法： 需要修改：config-->index.js-->autoOpenBrowser为true，然后重新运行代码即可: autoOpenBrowser:true 感谢大佬分享：https://blog.csdn.net/Bright2017/art...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值