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
相关推荐
不羁的fang少年11 分钟前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate17 分钟前
el-menu折叠后文字下移
前端·javascript·vue.js
yivifu20 分钟前
CSS Grid 布局详解(2025最新标准)
前端·css
o***Z4482 小时前
前端性能优化案例
前端
张拭心2 小时前
前端没有实际的必要了?结合今年工作内容,谈谈我的看法
前端·ai编程
姜太小白2 小时前
【前端】CSS媒体查询响应式设计详解:@media (max-width: 600px) {……}
前端·css·媒体
HIT_Weston2 小时前
39、【Ubuntu】【远程开发】拉出内网 Web 服务:构建静态网页(二)
linux·前端·ubuntu
百***06012 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮2 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
起个名字逛街玩3 小时前
前端正在走向“工程系统化”:从页面开发到复杂产品架构的深度进化
前端·架构