Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。

Vben Admin是一个基于Vue3、Vite、TypeScript等技术栈的开箱即用前端框架，支持多种图标和项目配置项。

# clone 代码 git clone https://github.com/vbenjs/vue-vben-admin.git # 从 Gitee 获取代码 如果从 github clone 代码较慢的话，可以尝试用 Gitee 同步代码到自己的仓库，再 clone 下来即可。

#Form 表单组件. 对 antv 的 form 组件进行封装，扩展一些常用的功能. 如果文档内没有，可以尝试在在线示例内寻找 # Usage # useForm 方式 下面是一个使用简单表单的示例，只有一个输入框

属性 类型 默认值 可选值 说明 版本; clickToRowSelect: boolean: true-点击行是否选中 checkbox 或者 radio。需要开启: sortFn (sortInfo: SorterResult<any>) => any

#权限. 项目中集成了三种权限处理方式： 通过用户角色来过滤菜单(前端方式控制)，菜单和路由分开配置; 通过用户角色来过滤菜单(前端方式控制)，菜单由路由配置自动生成

vben-admin 的项目配置默认是缓存在 localStorage 内，所以版本更新后可能有些配置没改变。 解决方式是每次更新代码的时候修改 package.json 内的 version 版本号. 因为 localStorage 的 key 是根据版本号来的。所以更新后版本不同前面的配置会失效。重新登录即可

#Basic 基础组件. 一些比较基础的通用组件使用方式 # BasicTitle 用于显示标题，可以显示帮助按钮及文本 # Usage < template > < div ...

TIP. 按钮不需要 import，已经全局注册，直接使用 a-button 标签即可; 如果是 Tsx 文件，需要手动 import # Usage

#Drawer 抽屉组件. 对 antv 的 drawer 组件进行封装，扩展拖拽，全屏，自适应高度等功能。 # Usage 由于 drawer 内部代码一般独立成单独文件，推荐独立成组件来进行开发，所以示例都是以独立的文件来进行说明