大家好，今天给大家分享一个基于Vue3.0、Vite和TypeScript等主流技术开发的开源管理系统框架Vben Admin，旨在为开发中大型项目提供一站式的后台解决方案。

项目介绍

Vben Admin 适用于各种中后台管理系统的开发，如企业内部管理系统、电商后台管理系统、数据分析平台等。它可以帮助开发者快速搭建出稳定、高效的管理系统，提高开发效率，降低开发成本。

技术栈与特点

技术栈：Vben Admin采用了最新的Vue3.0框架，结合Vite构建工具和 Ant Design Vue、Element Plus、Naive 等主流 UI 库，为开发者提供了一个高效且易于维护的开发环境。

二次封装组件：项目提供了一系列二次封装的组件，包括但不限于表格、表单、弹窗、提示框等，这些组件具有良好的可定制性和扩展性。

实用工具与钩子函数：Vben Admin集成了大量实用的工具函数和钩子函数，如动态导入、数据校验、请求拦截等，帮助开发者更高效地编写代码。

动态菜单与权限控制：项目实现了动态菜单和权限控制功能，可以根据用户的角色和权限动态调整菜单显示和操作权限，提高了系统的安全性。

按钮级别权限控制：除了传统的页面级别权限控制外，Vben Admin还实现了按钮级别的权限控制，可以更加精细地控制用户对不同功能的访问权限。

响应式布局与国际化：项目支持响应式布局，可以自适应不同屏幕尺寸，确保良好的用户体验。同时，它还支持多语言切换，方便进行国际化部署。

规范：代码规范，使用 ESLint、Prettier、Stylelint、Publint、CSpell 等工具保证代码质量。

工程化：使用 Pnpm Monorepo、TurboRepo、Changeset 等工具，提高开发效率。

功能与应用

开箱即用的解决方案：Vben Admin为开发中大型项目提供了开箱即用的解决方案，包括二次封装组件、utils、hooks、动态菜单、权限校验等功能。

作为启动模板：项目使用了前端较新的技术栈，可以作为项目的启动模板，帮助开发者快速搭建企业级中后台产品原型。

学习与实践：Vben Admin也可以作为一个示例，用于学习Vue3、Vite、TypeScript等主流技术。

安装使用

安装

环境要求

Node.js 20.15.0 及以上版本，推荐使用 fnm 或者 nvm 进行版本管理。

安装运行

# clone 代码
git clone https://github.com/vbenjs/vue-vben-admin.git

# 进入项目目录
cd vue-vben-admin

# 使用项目指定的pnpm版本进行依赖安装
corepack enable

# 安装依赖
pnpm install

# 启动项目
pnpm dev

使用

详细使用介绍，请参考官方文档说明。

项目地址

https://github.com/vbenjs/vue-vben-admin