一、开源项目简介

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脚手架

npm install -g @pureadmin/cli

pure create

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

拉取源码

git clone vue-pure-admin

安装依赖

cd vue-pure-admin

pnpm install

启动平台

pnpm dev

项目打包

pnpm build

Docker 支持

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