介绍

简介

Vue-Vben-Admin是一个基于Vue3.0ViteAnt-Design-VueTypeScript的后台解决方案,目标是为中大型项目开发,提供现成的开箱解决方案,二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目所使用的技术都是前端较新的技术栈,可以用来作为项目的启动模版,可以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习vue3vitets等等主流技术。该项目会一直持续跟进最新技术,将最新的东西应用与项目之中。

文档

  • 中文文档地址为vben-admin-doc,采用 Vitepress 开发,如果文档有错误或者不对的,可以提交 pr 帮助我们进行修复。
  • 英文文档暂时没有时间来写,欢迎有时间的同学来帮忙写英文文档。

本地运行文档

如果需要本地运行文档,只需要将代码拉取到本地进行运行即可。

# 拉取代码
git clone https://github.com/anncwb/vue-vben-admin-doc

# 安装依赖
yarn

# 运行项目
yarn dev

需要掌握的基础知识

整个项目需要一定基础才能理解,不建议对 vue 不会的新手使用,需要能处理一些常见的 vue 问题。

所以在开发前可以先学一下以下内容,方便对项目的理解,提前了解和学习这些知识会非常有帮助:

模版

该版本主要是提供一些 Demo 示例及插件的使用集成方式,主要用于参考。如果对项目不是很熟悉,不建议在这基础上进行开发,可以使用下方提供的精简版本。

vue-vben-admin精简版本。删除了相关示例,无用文件及功能、依赖。可以根据自身要求安装对应的依赖。因为使用的是vite,依赖删除不会导致相关组件或者hook发出及警告。只在需要的时候安装对应的库即可。

vite 插件推荐

如果这些插件对你有帮助,可以给一个 star 支持下

浏览器支持

本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本。

生产环境支持现代浏览器, 不支持 IE。

IEIE EdgeEdgeFirefoxFirefoxChromeChromeSafariSafari
not supportlast 2 versionslast 2 versionslast 2 versionslast 2 versions

如何加入我们

  • Vue-Vben-Admin 还在持续更新中,本项目欢迎您的参与,共同维护,逐步完善,将项目做得更强。同时整个项目本着一切免费的原则,原则上不会收取任何费用及版权,可以放心使用。
  • 如果你想加入我们,可以多提供一些好的建议或者 提交 pull request, 会根据你的活跃度邀请你加入我们。