免费开源高颜值管理后台UI框架——Vue vben admin

766 ℃

Vue Vben Admin是基于Vue3.0ViteAnt-Design-VueTypeScript的后台解决方案,为中大型项目开发提供开箱即用的UI框架,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。

免费开源说明:

Vue Vben Admin的作者是一位国内的开发者,他在业余的时间开源了这个 admin 框架,并以 MIT 开源协议托管在 Github 上,任何人都可以免费下载使用,不限制商用。

高颜值管理后台UI框架——Vue vben admin

Vue vben admin 的技术特性:

1、Vue 全家桶。基于Vue3, Vite, Vue Router Next, Vuex Next 开发
2、Typescript。使用Typescript开发
3、Hooks。封装hooks,满足日常开发需求
4、权限管理。完善的前后端权限管理方案
5、组件封装。对日常使用频率较高的组件二次封装,组件很丰富
6、按需引入。真正的按需引入,只在需要的页面引入

Vue vben admin 的目录结构:

├── build # 构建相关脚本
├── mock # 模拟数据
├── public # 静态资源
├── src # 项目代码
│   ├── api #请求相关
│   ├── assets # 静态资源
│   ├── components # 组件
│   ├── design  # 样式
│   ├── enums # 常量,枚举
│   ├── hooks # hooks
│   ├── logics # 逻辑相关
│   ├── layouts # 布局
│   ├── main.ts # 入口文件
│   ├── router #路由,菜单等
│   ├── locale #多语言文件
│   ├── settings # 配置文件
│   ├── plugins # 插件
│   ├── store # vuex
│   ├── utils # 工具类
│   └── views # 页面
└── types # 类型定义

Vue vben admin工具配置:

如果您使用的 IDE 是vscode(推荐)的话,可以安装以下工具来提高开发效率及代码格式化

Iconify IntelliSense - Iconify 图标插件
windicss IntelliSense - windicss 提示插件
I18n-ally - i18n 插件
Vetur - vue 开发必备 (也可以选择 Volar)
ESLint - 脚本代码检查
Prettier - 代码格式化
Stylelint - css 格式化
DotENV - .env 文件 高亮

Vue vben admin 轻松上手:

从 GitHub 获取代码

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

从 Gitee 获取代码

git clone https://gitee.com/annsion/vue-vben-admin.git

进入Vue vben admin官网

Vue vben admin高颜值管理后台UI框架中文文档官网介绍

标签: Vue vben admin, 管理后台UI框架

上面是“免费开源高颜值管理后台UI框架——Vue vben admin”的全面内容,想了解更多关于 前端UI组件库 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_13083.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

电影站模版(html+css+jquery)
javascript正则表达式实现字符串匹配输出
帝国cms如何去掉编辑器上传多图片的参数设置3
javascript语法中可以用php代码吗
php如何利用语法统计代码行数及文件数量