基于優雅漂亮的 ant design 開發的管理后臺，為數不多的好看 admin。
關于 Antd Pro Vue
Antd Pro Vue 是一個企業級中后臺前端/設計解決方案。在本站建站之初就推薦過 Ant Design，這是阿里出品的免費開源的 web 前端 UI 組件庫以及一套設計方案，主要用于開發 PC 端企業中后臺管理系統。
antd-pro-vue 登錄頁
antd-pro-vue 登錄頁
而 Ant Design Pro 則是官方出品的基于 Ant Design 開發的 admin 后臺管理系統，和 Ant Design 一樣初期只有 React 版本，后來推出了Ant Design Of Vue，如今 Ant Design Pro 也同樣推出了 Vue 版本，就是這次要介紹的 Antd Pro Vue。
antd-pro-vue 首頁
antd-pro-vue 首頁
Ant Design Vue 和 Antd Pro Vue 有什么區別？
Ant Design Vue 是一套 Vue 組件庫，而 Pro 是使用了這套組件庫的完整前端腳手架。
Antd Pro Vue 的特性
- 優雅美觀。基于 Ant Design 體系精心設計，適應各種屏幕寬度
- 開箱即用。提煉了中后臺應用的典型頁面和場景
- 支持國際化，支持一鍵換膚，可配置的主題滿足多樣化的品牌訴求
- 開發體驗優秀。使用 Vue/vuex/antd 等前端前沿技術開發，良好的工程實踐幫助產出高質量代碼
- 支持 Mock 數據模擬，支持 UI 測試自動化測試
支持一鍵換主題
支持一鍵換主題
開發上手體驗
需要強調的是，Ant Design 不僅僅是一套 UI 組件庫，也是一套設計系統，在企業產品研發中，需要產品經理、設計師和前端工程師的密切配合。
antd-pro-vue 主控臺
antd-pro-vue 主控臺
相比于大多數的 admin 管理框架，Antd Pro Vue 的視覺設計非常優美，我個人很喜歡，很專業和成熟。官網文檔沒有多余的描述，能夠快速搭建項目。相比自己用 ant design 來搭建，Antd Pro Vue 幫我們解決了自適應布局、服務端交互、權限管理等后臺功能，并且提煉了常用的業務場景做成了現成的頁面，簡單修改就可以直接使用。對于熟悉 Vue 和 ant design 開發的朋友來說，依靠文檔就能上手。
antd-pro-vue 搜索頁
antd-pro-vue 搜索頁
我早期使用過 layui 來搭建 admin 系統，雖然使用簡單，上手容易，但一旦業務邏輯復雜起來，復用性低代碼量激增，很難維護，自從使用 element 或者 ant design 這些 vue 工程化的組件庫，就再也回不去了。View UI 也用過，但 View UI Pro 收費好幾千，所以一直使用的是 element ui，如今又多了 Antd Pro Vue 這個非常不錯的選擇，推薦給大家。
免費開源說明
Antd Pro Vue 免費開源版基于 MIT 開源協議托管在 Github 上。需要注意的是，Antd Pro Vue 還有個企業版，他們的區別是免費開源版是基于 Vue2 進行開發，并且官方不再進行新功能的增加，只會修復 bug。企業版基于最新 Vue3 技術棧，持續迭代維護，專有釘釘群和Git私服。
關注我，持續分享高質量的免費開源、免費商用的資源。
