Greasy Fork is available in English.
在Vue项目中生成可拖拽菜单,显示所有路由,支持快速跳转
Vue路由一键切换助手 - 插件介绍 📖 插件简介 Vue路由一键切换助手 是一款专为Vue.js开发者设计的油猴脚本(Tampermonkey脚本),能够在任何Vue单页应用(SPA)页面上生成一个可拖拽的悬浮菜单,帮助开发者快速查看并切换当前应用的所有路由,极大提升开发和调试效率。
✨ 核心功能
以树形结构展示所有路由(包括嵌套路由)
每个路由同时显示路由名称和路径地址,一目了然
支持动态路由(保留参数占位符,便于识别)
当前激活的路由会高亮显示
随意拖拽:鼠标按住菜单可拖动到屏幕任意位置
自动边界检测,不会拖出可视区域
自动检测路由实例,支持SPA路由变化后重新获取
适配各种UI框架(Element UI、Ant Design Vue、Vuetify等)
支持动态添加的路由(权限路由、异步路由)
🎯 适用场景 场景 说明 Vue项目开发调试 快速在多个页面间跳转,无需手动修改URL 学习Vue Router 直观查看路由配置与层级关系 代码审查/测试 快速遍历所有页面,检查页面是否正常 大型后台管理系统 路由数量多、嵌套深,一键切换大幅提升效率