配置vue项目自动打开

最新推荐文章于 2024-03-04 17:50:33 发布
最新推荐文章于 2024-03-04 17:50:33 发布
阅读量873 收藏 1
点赞数
分类专栏： 技术 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Madman528/article/details/121843174
版权
在package.json的scripts部分，通过添加'--open'参数到'vue-cli-service serve'命令，可以配置Vue CLI在编译完成后自动打开浏览器展示应用。这提升了开发者的工作效率。
摘要由CSDN通过智能技术生成

在package.json 中加上 --open就可以了，编译完自动打开

"scripts": {

    "serve": "vue-cli-service serve --open",

    "build": "vue-cli-service build",

    "lint": "vue-cli-service lint"

  },

高山我梦口香糖
关注
专栏目录
packagesettings-应用自启动
拒绝背八股文
10-10 914
mPackageManager.setComponentEnabledSetting(ComponentName, PackageManager.COMPONENT_ENABLED_STATE_DISABLED, PackageManager.DONT_KILL_APP); COMPONENT_ENABLED_STATE_DISABLED = 2;...
vue配置启动项目自动打开浏览器
yutingwu816的博客
02-27 2462
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 = {
vue项目配置-自动打开项目
weixin_45828872的博客
02-20 168
vue.config.js文件修改代码。
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项目启动自动在浏览器打开
最新发布
Rovstephanie的博客
03-04 1638
默认情况下，Vue 项目使用的开发服务器通常会在终端中输出访问地址（如 localhost:8080），但并不会自动在浏览器中打开这个地址。
vue2 -- vue3项目自动打开
HQ\(^o^)/的博客
07-06 439
vue2 和vue3 自动启动项目
Visual Studio 2019配置vue项目的图文教程详解
08-19
"Visual Studio 2019配置vue项目的图文教程详解" 本文主要介绍了Visual Studio 2019配置vue项目的教程，通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作，具有一定的参考借鉴价值。 Visual Studio ...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
在使用IDEA工具配置vue项目之前，我们需要首先安装vue插件。在IDEA中，点击File-->Settings-->Plugins-->搜索vue.js插件进行安装。安装完成后，我们可以在IDEA中使用vue插件来开发和运行vue项目。 二、搭建node.js...
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
szh1127249432的博客
01-29 780
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
基于VUE3 vue test utils的前端自动化测试项目
03-23
总的来说，基于Vue3和Vue Test Utils的前端自动化测试项目涉及到了Vue3的最新特性、Vue Router的路由配置、组件的单元测试以及测试的封装和组织。理解这些知识点并熟练运用，可以帮助开发者构建出健壮且易于维护的...
vue启动项目浏览器自动打开
zhanghuaiwei
03-17 1414
启动vue项目自动打开浏览器
vue 启动项目时浏览器自动启动的四个方案（三种类型）。
仙途路漫漫其修远兮
05-10 5729
配置了不行那就自己手写个！！！
Vue—配置浏览器自启动
weixin_45666249的博客
02-15 227
在项目目录下直接创建vue.config.js文件，即可自动打开浏览器，代码如下： module.exports = { devServer:{ port:8080, host:'localhost', open:true //配置浏览器自动访问 } } 小白望指点
vue项目中浏览器自动打开问题
qq_44794249的博客
07-06 856
vue项目中浏览器自动打开问题
Vue-Cli项目启动后自动打开网页配置两种方法
m0_69813021的博客
12-20 1243
【代码】Vue-Cli项目启动后自动打开网页配置两种方法。
Vue 项目运行完成后自动打开浏览器的方法汇总
qq_48294048的博客
05-12 608
方法一：package.json（适用于vue3） 在文件中找到scripts–serve，在后面添加 --open 方法二：vue.config.js 找到vue.config.js文件，找到devServer，添加下面代码 open:true
Vue 项目运行完成后自动打开浏览器【多种方法】
qq_22841387的博客
02-20 5219
本文介绍了几种在 Vue 项目中自动打开浏览器的方法，包括通过修改、配置文件、使用 Webpack 插件，以及通过环境变量动态配置。不同的方法适用于不同的场景，开发者可以根据自己的项目结构和需求选择合适的方案。通过合理使用这些配置，可以大大提高开发效率，减少重复的手动操作，让你更专注于业务逻辑的开发。提示：在生产环境中，建议关闭自动打开浏览器的功能，以避免不必要的浏览器窗口弹出影响服务器性能。
vue项目运行后如何自动在浏览器中打开
weixin_44594219的博客
09-05 4035
vue项目运行后如何在浏览器中自动打开的两种配置方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值