开源的中后台 Vue UI 脚手架 Ant Design Pro

容许我隆重的介绍一下近半年来在业余时做的事情，以至于都没博客都长草了

主要是维护了一个基于 Vue 和 Ant Design 的中后台基础业务模板，提供了一套 Vue 体系内的使用和实际生产应用例子。

项目地址：github/sendya/ant-design-pro-vue

主要使用到的 Vue周边技术有：

• Vue 全家桶 (vue-router, vuex)
• @vue/cli3
• ant-design-vue (Ant Design 的 Vue 实现，已由阿里巴巴蚂蚁设计官方采纳)
• @antv/g2 (Charts 基础组件)
• visser-vue (Charts 图表封装)
• vue-cropper 图片裁剪组件
• vue-ls localStorage/sessionStorage/cookie 操作库

她提供了一套的 React 版Ant Design Pro 所有的业务模板
此外，还提供了一些常见业务布局，比如权限管理 角色管理 组织树
也提供了一套完整的路由权限控制，和一个原生逻辑判断式权限控制，并附带高级用法 Vue directive(指令权限) 可以对页面的各项 Action 权限做的更加优美。

本项目目前已有不少企业用于生产环境，并且源码完全开放，有一点基础即可对项目做更深层的定制。
目前本项目已经发展了 5 个版本，从最初很粗糙的完成度，到目前几乎和官方 Ant Design Pro 相差无几，并且实现了官方 Pro提供的大部分额外组件。
说到这里，正好要提一下。 本项目内的一些基础组件是用 Jsx 实现的，没用 Template实现的原因在于实在是很难实现，Jsx反而非常容易就实现了。比如 AvatarList组件的 slot 控制。

目前该项目的文档和 Changelog 正在逐步完善，并且本项目所依赖的底层 UI 库 (Ant Design of Vue) 已经并入阿里蚂蚁设计的官方推荐。该库有着稳健的开发和大量用户，问题修复也很快。

同时也欢迎大家贡献 PR ，中国开源社区需要你~

话不多说，请直接预览以下几个截图，或者直接 点我跳转到预览

常见的多页签实现

应用设置栏

白色主题

行内编辑

角色管理列表

权限 Action

树结构+实时查询该树下列表例子

附一个项目更新越来越正式化的 release 更新截图