VUE项目运行npm run dev命令后,自动打开浏览器导航到主页

VUE项目运行npm run dev命令后,需要再次输入字母 "o"才会打开浏览器导航到主页,要实现自动打开,需要修改项目中的 package.json 文件。

修改前:

bash 复制代码
 "scripts": {
    "dev": "vite ",
     ......
  },

修改后:

bash 复制代码
 "scripts": {
    "dev": "vite --open",
    ......
  },

再次运行npm run dev命令,就可以自动打开浏览器导航到主页。

如果不能生效,使用以下命令查看open包是否安装,命令:npm list open

bash 复制代码
C:\Users\Administrator>npm list open
C:\Users\Administrator
`-- (empty)

如果运行 npm list open 命令后返回了 -- (empty),这意味着 open 包没有在你的项目依赖中找到。这可能是因为 open 包尚未被安装,或者它不是作为项目依赖被安装的。

如果 open 包确实没有安装,你可以通过以下命令来安装它:

bash 复制代码
pnpm install open --save-dev
相关推荐
桔筐8 分钟前
Vue3 v-model 双向绑定导致循环触发的坑
前端·javascript·vue.js
Alice-YUE13 分钟前
前端图片优化完全指南:从格式到加载的全面提速方案
前端·笔记·学习
fen_fen26 分钟前
下载Chrome浏览器对应的Driver
前端·chrome
路光.28 分钟前
ReferenceError:Can‘t find variable:structureClone
前端·javascript·html·vue2
前端那点事28 分钟前
内存泄漏排查全指南:从场景识别到工具实操,新手也能上手
前端·vue.js
我这一生如履薄冰~32 分钟前
浏览器多窗口同开一页面,数据同步更新(纯前端方案)
前端·javascript
Alice-YUE37 分钟前
前端性能优化完全指南:从指标到实战
前端·学习·性能优化
Momo__41 分钟前
Web Speech API 语音识别与合成详解
前端·javascript
曹牧43 分钟前
Java Web:DispatcherServlet
java·开发语言·前端
FlyWIHTSKY1 小时前
在 **Element Plus 中,`el-aside` 关闭后**仍然占位置**,通常是因为 **它没有被销毁或宽度没有变为 0**。
前端·javascript·vue.js