Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE

Vue (4) 2024-09-14 21:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE,希望能够帮助你!!!。

#头条创作挑战赛#

今天再分享一个基于vue3+ElementPlus+Typescript+Vite搭建通用的后台管理模板。

Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第1张

vue3-template-admin 基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等。

Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第2张

Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第3张

插件/库

  • 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 新用户引导
Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第4张

快速构建

# 克隆项目 # 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
Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第5张

Vue3+ElementPlus通用后台模板VUE3-VITE-TEMPLATE_https://bianchenghao6.com/blog_Vue_第6张

一款还不错的集成型后台管理系统,有需要的可以去看看。

# 预览地址 https://geekqiaqia.github.io/vue3.0-template-admin/#/login?redirect=/home # 仓库地址 https://github.com/GeekQiaQia/vue3.0-template-admin

ok,今天就分享到这里了。

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复