vite-vue3-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/vite-vue3-admin

• 安装依赖

cd vite-vue3-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 贡献提交规范

• 参考 vue 规范 (Angular)

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

更新日志

CHANGELOG

赞赏

如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!

微信	支付宝

感谢 JetBrains 免费的开源授权