[开源]一款完全免费且开箱即用的中后台管理系统模版,兼容移动端

开源系统流程管理
2026-06-28 06:25 3 次浏览 • 0 次下载 0KB
[开源]一款完全免费且开箱即用的中后台管理系统模版,兼容移动端

一、开源项目简介

vue-pure-admin

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

二、开源协议

使用MIT开源协议

三、界面展示

图片
图片
图片
图片
图片

四、功能概述

保持稳定的同时采用最新技术栈

基于Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等最新技术栈开发

轻快热重载完善的打包优化方案

无论应用程序大小如何,都始终极快的模块热重载(HMR),内置完善的打包优化方案

简易上手内置丰富组件工具函数

使用单文件组件语法<script setup>,提供了很多丰富的开箱即用的组件和工具库

提供精简版永久同步完整版代码

提供国际化和非国际化两种精简版本,开启brotli压缩和cdn替换本地库模式后,打包大小低于350kb

高度可配置主题和四种菜单布局

高度可配置的主题以及暗黑主题适配,并且提供左侧、顶部、混合、双栏四种菜单布局模式

RBAC权限管理可控粒度的权限

采用目前最常用的 RBAC 基于角色的权限控制( 用户 -> 角色 -> 权限 ),可配置各种粒度的权限

来源:vue-pure-admin 官网文档

五、技术选型

开发环境

从 vite v7.0.0 版本后,规定 node 版本号应不小于 20.19.0 (优先推荐安装长期维护LTS版)

nodejs 官网 当然也可以安装 .nvmrc 推荐的 node 版本

 

安装使用

拉取代码

推荐使用@pureadmin/cli脚手架

1、全局安装
npm install -g @pureadmin/cli
2、交互式选择模板并创建项目
pure create

点我查看 @pureadmin/cli 脚手架详细用法

拉取源码

git clone vue-pure-admin

安装依赖

cd vue-pure-admin

pnpm install

启动平台

pnpm dev

项目打包

pnpm build

Docker 支持

详细内容请查看 README.md 文档