快捷搜索:  汽车  科技

vue源码详解(一个开箱即用的中后台前端框架)

vue源码详解(一个开箱即用的中后台前端框架)# 拉取代码 git clone https://github.com/vbenjs/vue-vben-admin-doc # 安装依赖 yarn # 运行项目 yarn dev界面—END—开源协议:MIT开源地址:https://github.com/vbenjs/vue-vben-admin

《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的中后台前端框架——Vben。

vue源码详解(一个开箱即用的中后台前端框架)(1)

Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模板,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。

特性
  • 最新技术栈:基于Vue3、Vite、TypeScript等最新技术栈开发
  • 轻量快速地热重载:无论应用程序大小如何,都始终极快的模块热重载(HMR)
  • 丰富的示例:常见的Web端插件示例实现
  • 组件封装:对日常使用频率较高的组件二次封装 满足基础工作需求
  • 主题配置:丰富的主题配置及黑暗主题适配
  • 权限管理:完善的前后端权限管理方案
模板
  • vue-vben-admin

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

  • vue-vben-admin-thin

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

浏览器支持
  • 本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本
  • 生产环境支持现代浏览器,不支持 IE

vue源码详解(一个开箱即用的中后台前端框架)(2)

本地运行

# 拉取代码 git clone https://github.com/vbenjs/vue-vben-admin-doc # 安装依赖 yarn # 运行项目 yarn dev界面

vue源码详解(一个开箱即用的中后台前端框架)(3)

vue源码详解(一个开箱即用的中后台前端框架)(4)

vue源码详解(一个开箱即用的中后台前端框架)(5)

vue源码详解(一个开箱即用的中后台前端框架)(6)

vue源码详解(一个开箱即用的中后台前端框架)(7)

vue源码详解(一个开箱即用的中后台前端框架)(8)

vue源码详解(一个开箱即用的中后台前端框架)(9)

—END—

开源协议:MIT

开源地址:https://github.com/vbenjs/vue-vben-admin

猜您喜欢: