介绍

vue-pure-admin (opens new window) 是一款开源完全免费且开箱即用的中后台管理系统模版。完全采用 ECMAScript 模块（ESM）规范来编写和组织代码，使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发

# 在线预览

# 完整版本

点我查看完整版本 (opens new window)

# 精简版本（提供国际化和非国际化两个版本）

精简版是基于 vue-pure-admin (opens new window) 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 element-plus (opens new window) 的情况下仍然低于 2.3MB，并且会永久同步完整版的代码。开启 brotli 压缩和 cdn 替换本地库模式后，打包大小低于 350kb

# `js` 版本

点我查看 js 版本 (opens new window)

# `vue-pure-admin-max` 版本

点我查看 max 版本 (opens new window)

# 微前端版本

点我查看微前端版本 (opens new window)

# Nodejs 后端

平台提供一套 node、mysql 版本的后端代码，内置各种接口示例和 jwt token 以及 websocket，可供学习参考

点我查看 nodejs 后端代码 (opens new window)

# Tauri 版本

tauri 比 electron 更强，tauri 与 electron 的对比 (opens new window)
如果没有安装 tauri ，请阅读 tauri 中文官方文档 (opens new window)

点我查看 Tauri 版 (opens new window)

# Electron 版本

点我查看 Electron 版 (opens new window)

# 配套视频

教程

https://www.bilibili.com/video/BV1kg411v7QT/ (opens new window)

UI 设计

https://www.bilibili.com/video/BV17g411T7rq (opens new window)

# 浏览器支持

本地开发推荐使用 Chrome、Edge、Firefox 浏览器，作者常用的是最新版 Chrome 浏览器
实际使用中感觉 Firefox 在动画上要比别的浏览器更加丝滑，只是作者用 Chrome 已经习惯了，看个人爱好选择吧
更详细的浏览器兼容性支持请看 Vue 支持哪些浏览器？ (opens new window) 和 Vite 浏览器兼容性 (opens new window)