我最近不断在做前端可视化和低代码相关的项目和技术分享，刚好找到几款基于vue3和vite的开箱即用的中后台管理模版，可以用到可视化项目中，所以这里特意做个总结，和大家分享一下。

我们都知道 vue3 曾经发布一年多了，相关的生态也在渐渐树立，很多公司也在尝试用 vue3 来开发本人的运用系统。但是由于生态的不完善以及缺乏成熟方案的落地，vue3 的运用依然探求和小规模实验中。

好在开源界无私贡献的大佬们提早做了很多探求和尝试，比如面向 vue3 的 UI 组件库 element Plus，ant-desigin-vue 等，同时基于这些 UI 库，又有一批大佬封装了针对企业业务场景的中后台管理模版，方便我们高效的搭建业务系统。

接上去我将逐一罗列一下这几个弱小的管理后台模版，并聊聊他们的特点，假设你刚好有这样的需求，也不妨参考一下。

1. Vue vben admin

Vue Vben Admin 是一个收费开源的中后台模版。运用了最新的 vue3, vite2, TypeScript 等主流技术开发，开箱即用的中后台前端处置方案，也可用于学习参考。

特点

最新技术栈：运用 Vue3/vite2 等前沿技术

TypeScript: 运用顺序级 JavaScript 的言语

主题：可配置的主题

国际化：内置完善的国际化方案

Mock 数据 内置 Mock 数据方案

权限 内置完善的静态路由权限生成方案

组件 二次封装了多个常用的组件

界面展现

大家可以左右滑动来切换图片:)

2. ant-simple-pro

ant-simple-pro 是一款支持 vue3.0，react，angular，typescript 等多框架支持的中台前端处置方案，ui 运用 antd 完成的，它运用了最新的前端技术栈，内置了 i18 国际化处置方案，静态路由，照应式设计，开箱即用，而且我们写了很多支持 vue3 的插件和库，它可以协助你快速搭建企业级中后台产品原型，不管你是 vue 开发者，还是 react 或许 angular，都能在这里找到你想要的版本。

前序预备

你需求在本地安装 node 和 git，异步央求数据用axios，一切的异步接口均采用node+typescript+mysql+docker完成的，所以最好先了解如下知识：

vue

vue3.0的新语法，如setup,hooks等分解api

vue-cil,vue-router,vuex等全家桶

react

react基本语法，如hooks,class创立组件，函数式创立组件等

react全家桶要熟习，如react-router-dom，create-react-app,react-transition-group等

react数据形状库，redux,redux-saga,reselect,react-redux等

react在typescript下的FC形式等

angular

angular的基本语法，如html模板，指令，组件等

angular的全家桶，如angular-cil,Rx等

typescript的基本语法

界面展现大家可以左右滑动来切换图片:)

3. vue3-template-admin

image.png

vue3-template-admin 是一款基于 vue3 + vite + element plus 的后台管理模版，它集成了我们业务开发的大部分功用，比如文本编辑器，全站搜索，权限管理，可视化图表等。

运用到的插件/库eslint-plugin-vue eslint-plugin-vue

axios 弱小的前端央求库

fues.js fues.js 前端模糊搜索

echart echart 数据可视化

antv antv 蚂蚁数据可视化

xlsx xlsx SheetJS

jszip jszip 优秀的前端紧缩库

mockjs mockjs 模拟和交互数据

wangeditor wangeditor 富文本编辑器

fullcalendar fullcalendar 丰厚的日历插件

界面展现大家可以左右滑动来切换图片:)

(责任编辑：admin)