vue3+ts+vite 后台管理系统

Vue3 TS Vite后台管理系统是一个基于Vue3、TypeScript和Vite等技术栈搭建的前端管理框架。该框架主要包含菜单、选项卡和面包屑等模块，通过路由监听实现三个模块之间的联动，并且同时监听浏览器的变化。状态管理方面使用了Pinia进行集中管理。需要注意的是，该示例只包含前端代码，未与后台进行关联实现菜单和用户等权限。如果需要进行权限相关的开发，需要进行二次开发。整体效果如效果图所示。

技术栈方面，主要使用了Vue3、Vue Router、Pinia、Element Plus、Vite等。此外，还使用了一些辅助工具库，如js-cookie等。

项目目录结构如下：
- src
- assets：资源文件（包括css、img等）
- components：公共组件
- pages：存放路由组件
- stores：状态管理
- router：路由配置
- util：工具类
- views：视图组件（存放框架主体组件）
- App.vue：根组件
- main.ts：入口文件
- permission.ts：路由跳转权限配置
- setting.ts：配置文件

全局配置文件setting.js统一管理系统的配置，可以进行菜单、选项卡、面包屑等的可配置化。例如可以设置系统名称、是否显示顶部导航、是否显示选项卡、是否显示logo、是否显示菜单等。

该项目的完整代码可以在以下地址下载：
[https://gitee.com/yxsmall/vue3-ts-element](https://gitee.com/yxsmall/vue3-ts-element)

总结：以上是对Vue3 TS Vite后台管理系统的简单介绍，如果对该框架感兴趣，可以下载源码进行学习和进一步开发。祝学习进步！