Skip to content

基于 Vue 的管理系统通用模板(可自由扩展与跨平台) [Vue3、AntdV、Vite、TypeScript、EsLint+Prettier]

License

Notifications You must be signed in to change notification settings

biugle/vue-admin

Repository files navigation

Vue-Admin

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

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

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

Others

待添加

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

2022-5-12

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