Vue 3 + Vite auto-update solution with Element Plus integration
npm install vite-plugin-vue-updater
Vue 3 + Vite 项目的智能版本更新检测方案,内置 Element Plus 交互策略。
- ⚡️ 零配置:开箱即用,自动生成版本标识。
- 🔄 智能轮询:基于 visibilityState 的高性能轮询机制,支持时间戳防缓存。
- 🛡️ 交互闭环:内置“强提醒(Modal) -> 拒绝 -> 弱提醒(Notification)”的最佳实践策略。
- 🎨 UI 集成:深度集成 Element Plus,支持文案与行为自定义。
- 🔧 TS 支持:完全使用 TypeScript 编写,提供完整的类型推断。
``bashpnpm
pnpm add vite-plugin-vue-updater
`
⚠️ 注意:本项目依赖 element-plus、vue 和 axios,请确保你的项目中已安装它们。
🚀 快速开始
1. 配置 Vite 插件
在 vite.config.ts 中引入插件,用于构建时生成 version.json。
`Ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { versionUpdatePlugin } from 'vite-plugin-vue-updater'
export default defineConfig({
plugins: [
vue(),
// 在构建时自动生成 dist/version.json
versionUpdatePlugin()
]
})
`
2. 在 App.vue 中启用
在你的根组件中引入 Hook,即可开启自动检测。
`Vue``
📚 详细文档
请访问 官方文档 查看完整的配置项和高级用法。
📄 License
MIT.