Vite+Vue3项目配置自动打开浏览器

最新推荐文章于 2024-09-02 10:55:01 发布
最新推荐文章于 2024-09-02 10:55:01 发布
阅读量315 收藏
点赞数 3
分类专栏： Vue搭建 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49075175/article/details/140713197
版权

由于目前主流是create-vue初始化vue项目，因此目前是在package.json下做如下操作：
在这里插入图片描述
在红线处加上–open即可完成自动打开浏览器配置，效果自动打开：在这里插入图片描述

H H
关注
专栏目录
vite搭建vue3项目
09-06
浏览器将自动打开项目，你可以开始编写Vue 3应用了。 6. **创建Vue组件**：在`src/components`目录下创建Vue组件，例如`HelloWorld.vue`，编写Vue 3的模板、脚本和样式。 7. **在App.vue中引入组件**：在`src/App...
vite项目，编译后，直接自动打开的配制方法
花花鱼的专栏
07-26 508
vite项目编译后，直接自动打开，增加open:true就可以实现。
vue3+vite项目启动后自动打开浏览器配置
weixin_45621877的博客
02-02 2930
1）. 找到左侧目录中的package.json文件，在。2）在启动后面加上 --open 即可。立即启动 并打开浏览器。
vue3+vite项目开启自启、java项目开机自启(bat+vbs)
最新发布
十五春会的博客
09-02 685
搭建本地服务器，开机自启前端/后台项目，提供关闭服务bat
Vite+Vue3项目配置启动项目后自动打开浏览器
分享自己的经验、IT技术，愿在博客中遇见更好的自己
02-06 2126
有时候，我们在启动前端项目时，输入了启动命令，但却需要我们手动点开控制台输出的URL链接。在script节点中，给dev和build节点的内容后面追加加“--open”再次在终端输入npm run dev命令，我们就可以成功自动打开浏览器了。为了提高开发效率，减少不必要的操作，我们就来解决这个问题。在文件资源管理器中找到package.json文件。如果每次都要点这个连接，会十分繁琐。
vue3学习之路-项目启动自动打开浏览器以及server配置
Celester_best的博客
03-26 3388
该文章主要包括以下几个内容 1、vue3+vite项目配置项目启动默认打开浏览器的方法 2、vite.config.js中关于server的相关配置说明 3、配置server报错的解决方法 4、vue2项目中配置项目启动默认打开浏览器的方法
vue + vue-cli/vite设置启动服务后，自动开启浏览器
kxbsn555的博客
04-21 722
使用前端脚手架（如vue-cli/vite）为我们创建项目后，在启动服务后，需要手动在浏览器中打开界面，这篇博客就教大家如何通过设置在启动服务后，自动开启浏览器并访问界面。在vue-cli-service serve后增加 --open。在dev的vite后增加–open。
启动vue项目时自动打开浏览器
m0_70619994的博客
11-06 557
在package.json文件中找到 "serve": "vue-cli-service serve" 在最后面添加 --open。找到 vue.config.json 文件，没有这个文件的话要自己创建一个。然后再添加如下代码，最后再重启项目即可。
通过脚手架Vite创建Vue 3项目（主页分栏：Web实验练习）
01-20
浏览器会自动打开，显示项目首页。默认情况下，Vue 3 项目结构如下： - `src`: 存放源代码的目录。 - `components`: 组件目录，可以在这里创建分栏组件。 - `App.vue`: 应用的主组件，通常包含路由挂载点。 - `...
Vue-cli3多页面配置详解
10-15
open: true, // npm run serve自动打开浏览器 index: '/index.html' // 默认启动页面 }, productionSourceMap: false }; ``` #### 步骤二：构建页面目录结构 在配置好vue.config.js之后，需要对项目的目录结构...
解决Vue 项目打包后favicon无法正常显示的问题
12-07
需要注意的是，这种方法适用于使用webpack进行构建的Vue项目，其他构建工具可能需要不同的配置策略。同时，对于开发环境，可以考虑使用热更新工具，如vue-cli的热加载功能，以便在开发过程中实时预览改动，避免每次...
vite搭建three.js的开发环境
01-06
浏览器会自动打开`http://localhost:3000`，显示一个空白页面。由于我们目前只设置了基本的3D场景，所以页面上不会有任何内容。接下来，我们可以根据Three.js的文档添加更多的元素，如几何体、材质、光源等，来构建...
运行项目后自动打开默认的Web浏览器
HWL5679的博客
03-04 563
--open: 这是一个可选参数，用于在启动服务器后自动打开默认的Web浏览器，并导航到Vite服务器的地址。
vite配置
qianOye的博客
05-18 527
（2）敲入pnpm dev（pnpm run dev简写），启动项目的时候就能自动打开了。（1）打开vite.config.ts，写入open：true。配置1：自动打开网页，省去我们自己复制地址粘贴到浏览器上。
vue3+ts项目 启动后自动开启浏览器配置
残阳曦月
04-12 594
在package.json文件中 配置，添加 --open，重启项目即可。
Vite 完整版详解
热门推荐
weixin_51225684的博客
11-11 2万+
一些较大的依赖（例如有上百个模块的组件库）处理的代价也很高。：通常包含一些并非直接是 JavaScript 的文件，需要转换（例如 JSX，CSS 或者 Vue/Svelte 组件），时常会被编辑。同时，并不是所有的源码都需要同时被加载（例如基于路由拆分的代码模块）除了默认的developmen和production还可以自定义模式，如可能希望有一个 “staging” (预发布|预上线) 模式，它应该具有类似于生产的行为，但环境变量与生产环境略有不同。响应浏览器请求的过程中，不可避免的导致首屏性能下降。
vite配置指定浏览器打开-2023年7月3日
牧羊老人
07-03 794
vue vue3 vite 浏览器 vs code
vue 启动项目时浏览器自动启动的四个方案（三种类型）。
仙途路漫漫其修远兮
05-10 5819
配置了不行那就自己手写个！！！
vue3 配置在启动时就打开网页
weixin_43270299的博客
05-23 547
配置server的open属性为true就可以在测试的时候启动时自动打开网页。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值