Vue3+Vite2.6+TypeScript+ant-design-vue 构建，提供基础的框架，快速搭建企业级中后台产品，响应式管理后台系统

Vue3+Vite2.6+TypeScript+ant-design-vue 构建，提供基础的框架，快速搭建企业级中后台产品，响应式管理后台系统，集成项目切换，动态菜单路由等等，让开发者能快速开发

预览

点这里直达

文档教程

Github

文档地址

使用项目

克隆项目
git clone https://github.com/hangjob/vue-vite-admin-ts.git

安装依赖

node.js 版本需要大于 12 ，vite 的编译环境是 12 以上的版本

npm i

启动应用

npm run dev

发布

npm run build

其他

# eslint 代码格式检查
npm run lint 
# eslint 自动修复代码
npm run lint:fix

Eslint

eslint 已做过滤配置，只会对 package 文件中代码做检查

已完成的功能

✅ 使用 Vue 3

✅ 使用 Vuex 4.x

✅ 使用 Vue-router 4.x

✅ 基于 Vite 2.6

✅ 基于 Ant Design Vue

✅ 整体框架响应式布局

✅ 项目切换

✅ 用户登录拦截，用户退出

✅ 面包屑导航 + 多种布局效果

✅ 基于后台权限,按钮权限设计

✅ 菜单导航 + 多种布局

✅ 内置 iconfont 字体图标，自动生成组件

✅ 基于 axios 封装 post ，get ，all ，upload ，download

✅ http 错误重连

✅ 组件权限指令封装

✅ tsx 构建全局组件

✅ http 网络组件(vue3 新特性)

✅ 菜单管理，包含增、删、改、查，菜单是缓存、是否固定、是否隐藏(但展示)、是否隐藏等待 具体功能,查看文档

✅ 包含富文本编辑器，文件打印，图表预览，动画组件，状态详情组件等等

✅ 支持多页面应用

✅ 支持 iframe 内嵌

✅ 页面刷新

✅ 页面全屏

✅ 右键菜单封装

✅ 滚动条优化

✅ 骨架屏组件预览

✅ 基于封装 loadsh 深层遍历、查找、无规律查找

✅ 基于 mitt 全局通信

✅ 基于 vxe-table 解决万量级表格渲染

✅ Mock 数据

✅ Egg.js 后端服务，具体操作看文档

✅ sequelize 模型增删改查

✅ Eslint 代码检查

✅ 开发编辑器全局配置

✅ 打包压缩处理 Gzip

待完成

✖️ 主题切换

✖️ 中 /英文切换

✖️ iframe 缓存