vue-cli3启动服务自动打开浏览器配置

最新推荐文章于 2024-07-26 11:07:54 发布
最新推荐文章于 2024-07-26 11:07:54 发布
阅读量1.9w 收藏 8
点赞数 12
分类专栏： 学习笔记 文章标签： 前端 vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hello_yihao/article/details/86518598
版权

vue-cli3启动服务自动打开浏览器配置

1.首先创建一个vue-cli3项目。

2.找到package.json文件

3.找到配置项‘scripts’

4.找到配置项‘serve’

5.修改下，加个字段 “serve”: “vue-cli-service serve --open”
在这里插入图片描述
如果不想每次默认打开浏览器还可以将上图中的 --open，替换成 --copy (将本地 URL 复制到剪切板)
附：vue-cli3官方文档配置

Hello_yihao
关注
专栏目录
vue-cli3.x启动服务自动打开浏览器配置
qq_31913969的博客
08-23 1148
vue-cli3.x启动服务自动打开浏览器配置 第一种方法 浏览器自动打开 1.打开创建的vue-cli3 创建的项目 2.找到package.json文件 3.找到配置项 ‘scripts’ 4.找到配置项‘serve’ 5.修改，增加字段"serve": “vue-cli-service serve –open”, "scripts": { "serve": "vue-cli-serv...
vue-cli2,vue-cli3（vue脚手架）超详细教程
m0_67392126的博客
03-09 392
文章目录 vue-cli脚手架 Node.js环境安装 vue-cli2的安装 npm，cnpm介绍 安装脚手架 用脚手架生成项目目录 vue-cli3的安装 使用vue-cli3图形界面 vue-cli脚手架 顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作，具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板，注入依赖，还是模拟生产环境等功能，vue-cli都具
vue3.0 中自动打开浏览器功能
m0_47265814的博客
05-18 1098
我之前创建的3.0 项目会自动打开浏览器，但是今天创建的项目并不会，很好奇是怎么做到的，最后发现vue3.0中的配置文件中配置一下 首先查看你的文件目录下有没有vue.config.js文件，如果没有就新建一个，vue3.0中的配置信息都会写在这里面，新建的项目是没有这个文件的 该文件中的写法 module.exports = { devServer: { open: true // 是否自动启动浏览器 } } 如果有其他配置需求也可以查询vue.config.js文件更多配置信息 .
vue-cli3 运行自动打开浏览器的方法设置
大剑师兰特的GIS世界
06-09 309
曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。
超详细关于vue项目vue-cli-service启动报错失败的问题
最新发布
孙怼怼的博客
07-26 1456
超详细关于vue项目vue-cli-service启动报错失败解决方案
Vue 项目运行完成后自动打开浏览器【多种方法】
qq_22841387的博客
02-20 5164
本文介绍了几种在 Vue 项目中自动打开浏览器的方法，包括通过修改、配置文件、使用 Webpack 插件，以及通过环境变量动态配置。不同的方法适用于不同的场景，开发者可以根据自己的项目结构和需求选择合适的方案。通过合理使用这些配置，可以大大提高开发效率，减少重复的手动操作，让你更专注于业务逻辑的开发。提示：在生产环境中，建议关闭自动打开浏览器的功能，以避免不必要的浏览器窗口弹出影响服务器性能。
Vite+Vue3项目配置启动项目后自动打开浏览器
分享自己的经验、IT技术，愿在博客中遇见更好的自己
02-06 1866
有时候，我们在启动前端项目时，输入了启动命令，但却需要我们手动点开控制台输出的URL链接。在script节点中，给dev和build节点的内容后面追加加“--open”再次在终端输入npm run dev命令，我们就可以成功自动打开浏览器了。为了提高开发效率，减少不必要的操作，我们就来解决这个问题。在文件资源管理器中找到package.json文件。如果每次都要点这个连接，会十分繁琐。
启动Vue项目，报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序
gurenchang的博客
01-12 1052
最近在打开一个Vue项目的时候，打开之后输入命令行：npm run serve之后发现，报错：vue-cli-service' 不是内部或外部命令，也不是可运行的程序，以下是解决方案：报错图片截图：先查看自己的命令行有没有错，然后检查是否有vue-cli-service，如果没有的话，按照如下步骤进行安装： 1.2.安装好了之后，可以输入查看版本命令检查一下 2.执行命令 然后就会运行成功啦！
安装vue-cli的简易过程
12-11
这将启动一个本地开发服务器，并在浏览器中打开你的项目，同时监听代码变化，自动刷新页面。 总的来说，Vue CLI为Vue.js开发者提供了一个高效、便捷的开发环境，使得创建和管理Vue项目变得更加简单。通过上述步骤，...
（Vue-Cli）配置开发时运行项目自动打开浏览器
面包不是超人。
03-22 1254
一、默认浏览器配置 打开电脑的控制面板，选择默认程序 2. 选择设置默认程序 3.找到web浏览器进行设置 二、在Vue-cli中配置开发中运行项目时自动打开浏览器 在根目录下的vue.config.js文件中添加配置项 根目录下的vue.config.js文件是Vue-cli的配置文件，可以到官方文档中查看更多配置。 ...
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4946
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
vue-cli-service serve --open启动项目时打开浏览器失效无法打开浏览器解决方法
山前山后各有哀愁 有风无风都不自由
03-24 2576
vue-cli 运行vue项目，设置 vue-cli-service serve --open 自动打开浏览器失效，npm run serve无法启动浏览器
vue3学习之路-项目启动自动打开浏览器以及server配置
Celester_best的博客
03-26 3270
该文章主要包括以下几个内容 1、vue3+vite项目配置项目启动默认打开浏览器的方法 2、vite.config.js中关于server的相关配置说明 3、配置server报错的解决方法 4、vue2项目中配置项目启动默认打开浏览器的方法
Vue 运行后自动打开浏览器的解决办法（vuecli2和vuecli3+的区别）
窝窝头的博客
11-06 2706
一、Vue+JavaScript需要项目npm run dev运行后自动打开浏览器（VueCli2） 1.1、版本说明 "vue": "^2.5.2" "vue-router": "^3.0.1" vuecli2 1.2、修改项目目录下/config/index.js文件，设置dev.autoOpenBrowser为true即可 dev: { // P...
vue-cli3.0使用及配置（部分）
热门推荐
冲锋
06-19 16万+
好长一段时间没有关注vue脚手架了，昨天因为需要个后台模板，用脚手架 搞了一下，竟然发现指令不能用了，看官方文档已经升级3.0，也是试的玩了一下， 大致写写怎么玩的！ 1.先全局安装vue-cli3.0 检测安装： vue -V 2.创建项目（这个就跟react创建脚手架项目比较像了） 这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是 让你选...
vue 3.0 启动项目自动打开浏览器设置 npm run serve
weixin_34414196的博客
10-31 3883
2019独角兽企业重金招聘Python工程师标准>>> ...
在vue-cli3中自动打开浏览器
weixin_43660626的博客
04-25 1628
在package.json文件中加- -open
@vue/cli （五）CLI服务
mutouren_abc的博客
07-08 3119
在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。这是使用默认 preset 的项目的 package.json : 可以通过 npm 或 yarn 调用这些 script: 如果你可以使用 npx (最新版的 npm 应该已经自带)，也可以直接这样调用命
vue cli 3.0快速创建项目
xuqipeter的博客
05-25 4万+
本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npm npm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm config set registry https://registry.npm.taobao.org cnpm config set registry https:/...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值