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缓存
预览直通车