vue-admin-box是一个免费并且开源的中后台管理系统模板。使用最新版本的vue3+vite+element-plus开发而成，目的是为了解决通用型的业务中后台系统复杂的配置。

特色功能

• 适合中后台开发的路由配置、状态管理机制（状态默认支持本地存储）、已封装完善的axios及api管理机制
• 极方便扩展的主题配置功能，默认支持三种典型的中后台风格
• 简易配置的页面缓存功能，只需配置noCache属性，无需配置其他的任何属性，如组件名称，路由名称等等很多框架需要配置的东西
• 典型增删改查的三种业务表格，详情请查看“页面栏目”内的“业务表格”、“分类联动表格”、“树联动表格”
• 无路由跳转的刷新功能，支持缓存页面刷新，目前了解的多数框架都不支持缓存页面的刷新
• 方便扩展的国际化解决方案，并提供了两套非国际化的基础模板和两套国际化的基础模板（ts版本/js版本）
• 手写版本的各类自定义指令
• 已经过多个中后台业务检验过的表格公用组件及弹窗公用组件，详情请查看“页面栏目”内的“业务表格”、“分类联动表格”、“树联动表格”

主要技术栈

• MVVM框架：vue v3
• 工程化管理：vite v2
• UI框架：element-plus
• 路由管理：vue-router v4
• 状态管理：vuex v4
• 数据请求：axios
• 实用工具库：@vueuse/core

使用

1. 获取源码资源包

   git clone https://gitee.com/cH3802/vue-template.git

2. 安装依赖，国内推荐使用cnpm或tyarn，国外推荐使用npm或yarn

   npm install

3. 运行

   npm run dev 或 npm run start

4. 打包

   npm run build

Partner project

• Thinker-Aamin-Box - vue-admin-box的springboot后台，可使用java代码便捷创建vue界面
• H5-dooring - 一款h5端页面可视化编辑器
• ant-simple-pro - 一款支持vue3.0，react，angular，typescript等多框架支持的中台前端解决方案
• vue-vben-admin - 使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案

效果预览