一、Ant Design Pro簡介
Ant Design Pro 是一個企業級中後臺前端/設計解決方案，秉承 Ant Design 的設計價值觀，致力於在設計規範和基礎組件的基礎上，繼續向上構建，提煉出典型模板/業務組件/配套設計資源，進一步提升企業級中後臺產品設計研發過程中的『用戶』和『設計者』的體驗。隨着『設計者』的不斷反饋，我們將持續迭代，逐步沉澱和總結出更多設計模式和相應的代碼實現，闡述中後臺產品模板/組件/業務場景的最佳實踐，也十分期待你的參與和共建。
基於上述目標和提供了以下的典型模板，並據此構建了一套基於 React 的中後臺管理控制檯的腳手架，它可以幫助你快速搭建企業級中後臺產品原型。
Ant Design Pro官網地址:https://pro.ant.design/index-cn
GitHub源碼下載地址爲:https://github.com/ant-design/ant-design-pro
二、Ant Design Pro能做什麼?
語言描述如下:
優雅美觀：基於 Ant Design 體系精心設計
常見設計模式：提煉自中後臺應用的典型頁面和場景
最新技術棧：使用 React/dva/antd 等前端前沿技術開發
響應式：針對不同屏幕大小設計
主題：可配置的主題滿足多樣化的品牌訴求
國際化：內建業界通用的國際化方案
最佳實踐：良好的工程實踐助您持續產出高質量代碼
Mock 數據：實用的本地數據調試方案
UI 測試：自動化測試保障前端產品質量
三、初步使用
$ git clone [email protected]:ant-design/ant-design-pro.git --depth=1
$ cd ant-design-pro
$ npm install
$ npm start # 打開瀏覽器訪問 http://localhost:8000
更詳細的使用和發佈可以參考這個網址:https://pro.ant.design/docs/getting-started-cn
關於組件介紹可以參考這個網址:https://pro.ant.design/components/AvatarList-cn
最終的運行效果應該是這樣的，如圖所示:
小結:
Ant Design Pro這個阿里巴巴的開箱即用的框架，我並沒有在實際開發中用過，僅僅只是初步的Demo玩玩。不過後續可能考慮要用。