Vue Vben Aadmin 2.0
介绍
vue-vben-admin-2.0
是一个全新的开源系统,基于ant-design-vue2.x
,typescript4
,vue3
,vite
实现的 vue3 风格的后台管理系统。
项目基于ant-design-vue
,typescript
,vue3.0
,vite
,tailwindcss
,tsx
实现的 vue3 风格的后台管理系统,
gitHub 地址
vue-vben-admin2.0 – main
分支
vue-vben-admin-thin精简版 – main
分支
预览地址
文档
预安装
环境要求
Node.js
: – 版本最好大于12.0.0
yarn
>npm
>cnpm
: – 包管理工具.
UI 框架
- Tailwind CSS – 2.0.0-beta.5已删除
- Ant Design Vue 2.0
图标
- Ant Design Vue Icon Component – 按需引入所需图标.
- Iconify – 使用任何图标集中的图标 Icônes
- PurgeIcons – 仅打包所使用到的图标.
插件
- Vue Router Next
- Vuex Next
- vuex-module-decorators – vuex 模块化
- vite-plugin-mock – 基于 vite 的 mock 插件.
- vue-i18n – 国际化
- lodash-es – JavaScript 实用程序库
- axios – Http 数据交互
- TypeScript
建议开发环境
Git
: – 版本管理工具Visual Studio Code
– (VSCode): 最新版本- VS Code Extensions
- Iconify IntelliSense
- Vetur – vue 开发必备
- ESLint – 脚本代码检查
- Prettier – 代码格式化
- Stylelint – css 格式化
- VS Code Extensions
安装
// 使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 提交规范
-
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中
代码贡献
- Fork 代码!
- 创建自己的分支:
git checkout -b feat/xxxx
- 提交你的修改:
git commit -am 'feat(function): add xxxxx'
- 推送您的分支:
git push origin feat/xxxx
- 提交
pull request
已完成功能
- 项目搭建(基于 vite)
- 登录和注销
- 菜单(可以搜索及拖拽以及菜单布局)
- 多标签页/面包屑
- 基于角色的权限管理
- 基于后台的权限管理
- 分离的路由和菜单设置
- 可折叠侧边栏
- 可拖拽侧边栏
- 多标签页模式/全局控制
- 菜单搜索
- 页面加载 loading
- 滚动条组件
- 弹窗扩展(可拖拽,全屏,自适应高度)
- 模拟数据
- hook 封装
- 表单组件
- 右键菜单
- 水印插件
- 动画组件
- 二维码插件
- 国际化插件
- 详情组件
- 验证组件
- 树组件
- 图片预览组件
- 表格组件
- 图表库
- 数字动画
- 首屏加载等待动画
- 抽取生产环境配置文件
- 数据导入导出
- 全局错误处理
- 打包 Gzip
- 系统性能优化
- 富文本组件
正在开发的功能
- 上传组件
- 主题配置
- 黑暗主题
更多组件/功能/建议/bug/欢迎提交 pr 或者 issue
今天的文章🎉🎉🎉 一个基于vue3+vite+ts的完整项目分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/21033.html