Vue Admin Plus付费版

简体中文 | English

<div align="center"><img width="200" src="https://fastly.jsdelivr.net/gh/chuzhixin/image/logo/vab.png"/>
<h1> vue-admin-better</h1>

<p>春已至，万物始，愿所有美好纷沓而来！</p>
</div>

---

🎉 特性

• 💪 40+高质量单页
• 💅 RBAC 模型 + JWT 权限控制
• 🌍 10 万+ 项目实际应用
• 👏 良好的类型定义
• 🥳 开源版本支持免费商用
• 🚀 跨平台 PC、手机端、平板
• 📦️ 后端路由动态渲染

🌐 地址

• 🎉 vue2.x + element-ui（免费商用，支持 PC、平板、手机）
• ⚡️ vue3.x + element-plus（alpha 版本，免费商用，支持 PC、平板、手机）
• ⚡️ vue3.x + ant-design-vue（beta 版本，免费商用，支持 PC、平板、手机）
• ⚡️ vue3.x + vite + arco
• 🚀 admin pro 演示地址（vue2.x 付费版本，支持 PC、平板、手机）
• 🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机）
• 📌 pro 及 plus 购买地址 authorization
• 🚀 Vue Shop Vite 商城（付费版本）即将发布，敬请期待！
• 🌐 github 仓库地址
• 🌐 码云仓库地址

<!-- ## 🌐 备份地址（支持 https 网站自动更新）

• 🚀 admin pro 演示地址（付费版本，支持 PC、平板、手机）
• 🚀 admin plus 演示地址（vue3.x 付费版本，支持 PC、平板、手机） -->

📦️ 桌面应用程序

• Admin Pro
• Admin Plus

🌱 vue3.x vue3.0-antdv 分支（ant-design-vue）点击切换分支

# 克隆项目
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

🌱 vue3.x arco-design 点击切换仓库

# 克隆项目
git clone  https://github.com/chuzhixin/vue-admin-arco.git
# 安装依赖
npm i
# 本地开发 启动项目
npm run dev

🌱vue2.x master 分支（element-ui）点击切换分支

# 克隆项目
git clone -b master https://github.com/chuzhixin/vue-admin-better.git
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

🔊 友情链接

• OPSLI 基于 vue-admin-better 开源版的最佳实践
• uView uni-app 生态最优秀的 UI 框架
• form-generator Element 表单设计代码生成器
• wangEditor 国产最强开源富文本编辑

🙈 我们承诺将定期赞助的开源项目（感谢巨人）

<img width="64px" src="https://fastly.jsdelivr.net/gh/chuzhixin/image/vue.png"/>


<img width="64px" src="https://fastly.jsdelivr.net/gh/chuzhixin/image/element-plus.png"/>


<img width="64px" src="https://images.opencollective.com/ant-design-vue/2ec179b/logo/256.png"/>

🎨 鸣谢

Project
vue
element-ui
element-plus
ant-design-vue
mock
axios
wangEditor

👷 框架杰出贡献者（排名不分先后）

<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/36689704?s=50"/>


<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/22478003?s=50"/>


<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/29328241?s=50"/>


<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/14859466?s=50"/>


<img width="50px" style="border-radius:999px" src="https://avatars.githubusercontent.com/u/16135960?s=50"/>

📌 优势及注意事项

对比其他开源 admin 框架有如下优势:
1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能
3. 提供 50 余项全局精细化配置
4. 支持 scss 自动排序，eslint 自动修复
5. axios 精细化封装，支持多数据源、多成功 code 数组，支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多种传参方式
6. 支持登录RSA加密
7. 支持打包自动生成7Z压缩包
8. 支持errorlog错误拦截
9. 支持多主题、多布局切换

使用注意事项:
1. 项目默认使用lf换行符而非crlf换行符，新建文件时请注意选择文件换行符
2. 项目默认使用的最严格的eslint校验规范（plugin:vue/recommended），使用之前建议配置开发工具实现自动修复（建议使用vscode开发）
3. 项目使用的是要求最宽泛的MIT开源协议，保留MIT开源协议即可免费商用

💚 适合人群

• 正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。
• 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
• 对原理技术感兴趣，想进阶和提升的同学。