Vue-Admin

一个基于 Vue 的管理系统通用模板(可自由扩展与跨平台)

• 2022-07-08 更新
  • 多级菜单与路由
  • 面包屑导航
  • 多路由切换与动态配置

---

• 支持多标签页
• 动态 KeepAlive 缓存
• 动态路由刷新
• 动态菜单与切换动画
• 嵌套路由与单独组件刷新
• 用户权限管理
• 路由权限守卫
• 全局数据状态管理
• 根据 from/to 动态刷新路由
• 状态与配置数据持久化
• 路由切换动画
• 页面刷新动画
• 错误页面自动跳转
• 代码简洁可控方便深度自定义

Technology Stack

• Vue 3.x
• TypeScript
• Vite 3.x
• Store
• Scss/Less
• Ant Design Vue 3.x
• EsLint
• Prettier
• Husky

Use

git clone https://github.com/biugle/vue-admin.git

npm i -g js-xcmd
xcmd create-vue-admin [dir]

Development

• npm install
• npm run dev

Preview

• npm run server

Build

• npm run build

Code Check

• npm run lint

Docs

• Ant Design Vue
• Vue 3
• Scss/Less
• Vite
• XHttp

Others

• Issue
• Pull Request
• hxbpandaoh@163.com
• Blog
• Leo He

待添加

• 个人中心
• 系统设置/动态主题配置
• 高级业务组件 Table/Modal/Form...
• 常用高频组件封装
• 开发文档

部分设计与图稿参考来源(vue3-antd-admin)