（Vue-Cli）配置开发时运行项目自动打开浏览器

最新推荐文章于 2024-05-16 15:25:52 发布
最新推荐文章于 2024-05-16 15:25:52 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41694490/article/details/123669381
版权
本文介绍了如何在使用Vue-Cli开发时配置项目启动自动打开默认浏览器。首先，需在电脑设置中指定默认浏览器。其次，在vue.config.js文件中添加相关配置，以确保在运行项目时能自动启动浏览器。
摘要由CSDN通过智能技术生成

一、默认浏览器配置

  1. 打开电脑的控制面板，选择默认程序
    在这里插入图片描述2. 选择设置默认程序
    在这里插入图片描述
    3.找到web浏览器进行设置
    在这里插入图片描述

二、在Vue-cli中配置开发中运行项目时自动打开浏览器

在根目录下的vue.config.js文件中添加配置项
在这里插入图片描述

  • 根目录下的vue.config.js文件是Vue-cli的配置文件，可以到官方文档中查看更多配置。

在这里插入图片描述

「已注销」
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目运行后自动打开默认浏览器（简化版）
yuansusu_的博客
01-18 567
项目每次运行都要打开控制台的地址，容易把我们累死，这里需要配置一些vue.config.js文件内容。
vue配置项目启动时自动打开浏览器
Sylvasylva的博客
12-11 948
vue配置启动时自动打开浏览器。如果配置了open为true，没有配置host，项目启动时浏览器只会自动打开0.0.0.0:80的页面，而不会打开本地项目启动的正确地址。
Vue进阶（幺陆叁）：vue项目启动后自动打开页面并设置默认浏览器_vue设置默认打开页面(1)
最新发布
2401_84619606的博客
05-16 1095
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
vue 启动项目时浏览器自动启动的四个方案（三种类型）。
仙途路漫漫其修远兮
05-10 5429
配置了不行那就自己手写个！！！
vue3学习之路-项目启动自动打开浏览器以及server配置
Celester_best的博客
03-26 3164
该文章主要包括以下几个内容 1、vue3+vite项目配置项目启动默认打开浏览器的方法 2、vite.config.js中关于server的相关配置说明 3、配置server报错的解决方法 4、vue2项目中配置项目启动默认打开浏览器的方法
使用express创建的前端项目，项目启动后如何在浏览器自动打开
m0_47999208的博客
10-20 308
要实现在浏览器自动打开项目，可以在启动项目时使用。方法来打开浏览器，并指定要打开的URL为。保存文件后重新启动项目，浏览器会自动打开。之后，在项目的入口文件中（通常是。以上代码在项目启动完成后调用。库来执行打开浏览器操作。首先，使用以下命令安装。
Vue默认启动项目自动开启浏览器，网址http://0.0.0.0:8080
qq_44535402的博客
09-27 2901
Vue默认启动项目自动开启浏览器，报错：网址http://0.0.0.0:8080
vue项目运行后如何自动在浏览器中打开
weixin_44594219的博客
09-05 3968
vue项目运行后如何在浏览器中自动打开的两种配置方法
解决：在 VSCode 中如何设置默认的浏览器为Chrome或Firefox
热门推荐
狮子座的男孩
04-17 4万+
1、问题描述： 在 VSCode 编辑器中，其一般默认打开的浏览器是 IE 浏览器，而我已经习惯使用 Chrome 浏览器，以及会遇到页面的调试等不同的问题，因此需要将 VSCode 的默认浏览器调整为 Chrome 浏览器； 2、操作过程： A、首先需要再 VSCode 中的扩展中安装：open in browser 插件(若：已安装的请忽略此步骤)； B、以修改默认浏览器 Chrome 为例： 选择文件 --》首选项 --》设置； 并在在搜索栏输入 open in browser 后，此时的页面显示
Vue项目启动自动在浏览器打开
Rovstephanie的博客
03-04 1356
默认情况下，Vue 项目使用的开发服务器通常会在终端中输出访问地址（如 localhost:8080），但并不会自动在浏览器中打开这个地址。
vue配置启动项目自动打开浏览器(三种方法)
Billow_lamb的博客
02-24 1万+
vue配置启动项目自动打开浏览器 1.找到项目中的config文件夹内的index.js，里面有一个配置是autoOpenBrowser:false； 设置为true即可(或者全局搜索autoOpenBrowser设置为true) 2.打开package.json找到启动命令npm run dev 跟npm run serve(这两种命令都可以) 后面增加 --open 3.在根目录下新建vue.config.js文件 vue.config.js代码如下 module.exports = { d
如何vue项目启动时自动打开浏览器
m0_50873766的博客
10-30 302
1.安装npm 可以使用 webpack 的 dev-server 插件来启动开发服务器，并自动打开浏览器。3.添加配置选项：在项目根目录下的 vue.config.js（如果没有则新建）文件中，添加以下配置选项。2. 检查在vue项目的 package.json 文件的 script里是否有。命令用于启动开发服务器。
vue实现启动项目以后自动打开浏览器localhost
2302_77290281的博客
10-30 324
vue实现启动项目以后自动打开浏览器localhost
vue脚手架项目运行自动打开浏览器配置
m0_56920945的博客
11-03 709
vue脚手架项目运行自动打开浏览器配置
设置vue项目自动在浏览器中打开
wy3053的博客
09-08 540
设置vue项目自动在浏览器中打开
@vue/cli项目启动自动打开浏览器
哈
10-07 401
【代码】@vue/cli项目启动自动打开浏览器。
vue3+vite项目启动后自动打开浏览器配置
weixin_45621877的博客
02-02 2785
1）. 找到左侧目录中的package.json文件，在。2）在启动后面加上 --open 即可。立即启动 并打开浏览器。
Vue 项目启动后在浏览器自动打开
前端小白的博客
08-12 6386
Vue 项目启动浏览器自动打开，项目启动遇到无法访问此网址
vue项目在启动时，自动打开浏览器，并且打开地址是自己本地的IP地址
文龙刚的博客
02-03 2283
【代码】vue项目在启动时，自动打开浏览器，并且打开地址是自己本地的IP地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值