Skip to content

vue-vben-admin-2.0 mini template.vue3,vite,typescript

License

Notifications You must be signed in to change notification settings

Codeniu/vben-admin-thin-next

Folders and files

NameName
Last commit message
Last commit date

Latest commit

4f98978 · Nov 1, 2020
Oct 10, 2020
Oct 16, 2020
Nov 1, 2020
Nov 1, 2020
Nov 1, 2020
Nov 1, 2020
Oct 26, 2020
Sep 28, 2020
Oct 31, 2020
Oct 28, 2020
Oct 27, 2020
Oct 29, 2020
Oct 16, 2020
Oct 9, 2020
Sep 28, 2020
Oct 22, 2020
Oct 22, 2020
Oct 31, 2020
Nov 1, 2020
Sep 28, 2020
Oct 27, 2020
Oct 27, 2020
Oct 9, 2020
Nov 1, 2020
Oct 22, 2020
Oct 31, 2020
Oct 14, 2020
Sep 28, 2020
Nov 1, 2020
Sep 28, 2020
Oct 29, 2020
Oct 29, 2020
Oct 31, 2020

Repository files navigation

VbenAdmin Logo

VUE VBEN ADMIN2.0

中文 | English

更新日志

介绍

项目基于ant-design-vue,typescript,vue3.0,vite,tsx实现的 vue3 风格的后台管理系统,

gitHub 地址

vue-vben-admin2.0 - main 分支

精简版地址

vue-vben-admin-thin-next

预览地址

测试账号: vben/123456

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

文档

文档地址,持续更新中。。,

预安装

环境要求

  • Node.js: - 版本最好大于 12.0.0
  • yarn > npm > cnpm: - 包管理工具.

UI 框架

图标

插件

建议开发环境

安装

//  使git对文件名大小写敏感
git config core.ignorecase false

// 拉取项目代码

git clone https://github.com/anncwb/vue-vben-admin.git vue-vben-admin-2.0

cd vue-vben-admin-2.0

// 如果使用别的包管理工具,可以自行安装
// 如果未安装yarn,请运行:npm install -g yarn
yarn install

使用

开发环境

yarn serve

打包

yarn build # 打包

yarn build:no-cache # 打包,执行之前会先删除缓存

yarn report # 生成构建包报表预览

格式化

yarn lint:stylelint # 样式格式化

yarn lint:prettier # js/ts代码格式化

其他

yarn reinstall # 删除依赖重新装,兼容window

yarn preview # 本地进行打包预览

yarn log # 生成CHANGELOG

yarn clean:cache # 删除缓存

yarn clean:lib # 删除node_modules,兼容window系统

Git 提交规范

  • 参考 vue 规范 (Angular)

    • feat 增加新功能
    • fix 修复问题/BUG
    • style 代码风格相关无影响运行结果的
    • perf 优化/性能提升
    • refactor 重构
    • revert 撤销修改
    • test 测试相关
    • docs 文档/注释
    • chore 依赖更新/脚手架配置修改等
    • workflow 工作流改进
    • ci 持续集成
    • types 类型定义文件更改
    • wip 开发中

代码贡献

  1. Fork 代码!
  2. 创建自己的分支: git checkout -b feat/xxxx
  3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
  4. 推送您的分支: git push origin feat/xxxx
  5. 提交pull request

已完成功能

  • 项目搭建(基于 vite)
  • 登录和注销
  • 菜单(可以搜索及拖拽以及菜单布局)
  • 多标签页/面包屑
  • 基于角色的权限管理
  • 基于后台的权限管理
  • 分离的路由和菜单设置
  • 可折叠侧边栏
  • 可拖拽侧边栏
  • 多标签页模式/全局控制
  • 菜单搜索
  • 页面加载 loading
  • 滚动条组件
  • 弹窗扩展(可拖拽,全屏,自适应高度)
  • 模拟数据
  • hook 封装
  • 表单组件
  • 右键菜单
  • 水印插件
  • 动画组件
  • 二维码插件
  • 国际化插件
  • 详情组件
  • 验证组件
  • 树组件
  • 图片预览组件
  • 表格组件
  • 图表库
  • 数字动画
  • 首屏加载等待动画
  • 抽取生产环境配置文件
  • 打包 Gzip
  • 数据导入导出
  • 系统性能优化
  • 全局错误处理
  • 富文本组件

正在开发的功能

  • 上传组件
  • 主题配置
  • 黑暗主题
  • 打包 CDN

更多组件/功能/建议/bug/欢迎提交 pr 或者 issue

浏览器支持

本地开发推荐使用Chrome浏览器,在火狐浏览器进行开发相对卡顿。

支持现代浏览器, IE 暂不支持,后续考虑支持 ie11

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

更多浏览器可以查看 Can I Use Es Module

插件

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

加入我们

Vue-Vben-Aadmin 是完全开源免费的项目,在帮助开发者更方便地进行中大型管理系统开发,同时也提供 QQ 交流群(项目刚起步,人数较少,有兴趣的可以加群一起讨论),使用问题欢迎在群内提问。

  • QQ 群 569291866

VbenAdmin Logo

About

vue-vben-admin-2.0 mini template.vue3,vite,typescript

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 48.3%
  • Vue 44.0%
  • Less 3.5%
  • JavaScript 3.2%
  • CSS 0.7%
  • HTML 0.3%