Awesome
vue3-antdv-admin
基于 vite5.x + vue3.x + antd-design-vue4.x + typescript5.x 的后台管理系统
- 账号：admin，密码：a123456
- 在线预览
- 项目文档
- swagger 文档
- 后端仓库地址
- gitee 地址
- 根据 JSON 生成 typescript 的工具：http://json2ts.com/
安装使用
- 获取项目代码
git clone https://github.com/buqiyuan/vue3-antdv-admin
- 安装依赖
cd vue3-antdv-admin
pnpm install
- 运行
pnpm dev
- 打包
pnpm build
vscode 配置
安装项目根目录 .vscode 推荐的插件，再安装 Volar，并禁用 Vetur，重启 vscode 即可。
使用了 Vue3.x 全家桶、ant-design-vue4.x 和 typescript5.x，实践 vue3.x 的新特性以及玩法，不得不说 vue3.x 的 Composition API 相比于 vue2.x 的 Options API 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考vueuse
todolist
- 动态表格(完善中)
- 动态表单(完善中)
- 电商 SKU 功能演示
- 纯前端导出 PDF 动态分页
- 其他...
Git 贡献提交规范
-
feat增加新功能fix修复问题/BUGstyle代码风格相关无影响运行结果的perf优化/性能提升refactor重构revert撤销修改test测试相关docs文档/注释chore依赖更新/脚手架配置修改等workflow工作流改进ci持续集成types类型定义文件更改wip开发中
更新日志
赞赏
如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!
| 微信 | 支付宝 |
|---|---|
| <img src="https://cdn.jsdelivr.net/gh/buqiyuan/MyImageHosting/imgs/vue3-antdv-admin/weixin.jpg" height="220" /> | <img src="https://cdn.jsdelivr.net/gh/buqiyuan/MyImageHosting/imgs/vue3-antdv-admin/zhifubao.jpg" height="220" /> |