今天再分享一个基于vue3+ElementPlus+Typescript+Vite搭建通用的后台管理模板。
vue3-template-admin 基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等。
插件/库
- eslint-plugin-vue eslint-plugin-vue
- axios 强大的前端请求库
- fues.js fues.js Fuzzy Search 前端模糊搜索
- echart echart 数据可视化
- antv antv 蚂蚁数据可视化
- xlsx xlsx SheetJS
- jszip jszip 优秀的前端压缩库
- mockjs mockjs 模拟和交互数据
- wangeditor wangeditor 富文本编辑器
- fullcalendar fullcalendar 丰富的日历插件
- driverJS 轻量级 driverJS 新用户引导
快速构建
# 克隆项目
# cnpmjs
git clone https://github.com.cnpmjs.org/GeekQiaQia/vue3.0-template-admin.git
# or
git clone https://github.com/GeekQiaQia/vue3.0-template-admin.git
# 进入项目目录
cd vue3.0-template-admin
# 安装依赖 (推荐yarn)
npm install / yarn
# 启动服务
npm run dev / yarn dev
# 打包
npm run build / yarn build
# 本地预览打包后的dist文件
npm run preview / yarn preview
一款还不错的集成型后台管理系统,有需要的可以去看看。
# 预览地址
https://geekqiaqia.github.io/vue3.0-template-admin/#/login?redirect=/home
# 仓库地址
https://github.com/GeekQiaQia/vue3.0-template-admin
ok,今天就分享到这里了。