乐趣区

关于前端:Vue3Vite26TypeScriptAntdesignvue构建企业级中后台响应式管理后台

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 缓存

预览直通车

退出移动版