前言
在開始之前，希望我們已經掌握了一部分react的知識，由於沒有太多經驗，其實我也是屬於摸索階段。這里假定我們已經了解了react，redux和dva/umi相關的知識。並有做過相關練習。
如果還不了解以上相關的知識，建議去以下網站學習一遍，下面給出一個大概學習的路線吧。
-
html/css/js
這里推薦大家去w3cschool稍作了解，不過看本篇文章的同學肯定都是有一定基礎的。那么就當做鞏固好了。
-
es6
這里我沒有系統看過教程，我是在一本叫做
react學習手冊的書上面看到的。這里還是放一下地址吧，可以去阮一峰老師的博客看，也可以去這里學習es6的一些新特性。比如箭頭函數，promise，let等。 -
react+redux
react的話，一開始我幾乎是沒有入門。拿着react-element里的demo就開始實操了，遇到了各種各樣的問題。在尋找solution的時候遇到了一本名曰react小書的教程，覺得實在是再合適不過了。同時里面還有redux的部分教程(第三部分)。
-
dva
dva是一個封裝了redux和router等方法的框架，掌握了它的api，可以快速完成react項目的開發。具體教程還請看 官網dvajs。
antd pro介紹
antd是ant design的縮寫，顧名思義，它是螞蟻金服的前端設計團隊出品的一款UI組件庫，如果要類比的話，我會把他比作bootstrap，但是它又遠遠比bootstrap好看且交互性更強。而antd pro，就是它的專業版。為什么呢，因為antd pro已經是一個完整的中后台項目，我們如果需要快速開發的話，直接拿着里面的頁面修改便是了。但是我個人總結了一下，缺點也很明顯，就是antd pro做出來的系統幾乎都長一個樣，長久了會有審美疲勞，至少我對bootstrap也是這樣的，當然螞蟻出的東西品質是真的棒！
話不多說，先看看它的預覽頁面。
以下是隨便截取的幾個圖片，感受一下它的美。
下載antd pro
以上內容均來自antd pro官網。
第一步: 克隆項目，我們將之克隆到Lamb的client目錄下，由於我不想在Lamb中創建2個git項目，所以我選擇去github下載代碼。
如果你想隨時升級antd pro或者給它們提pull requests，則執行以下命令。
$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
$ cd my-project
下載后解壓並放入Lamb/client目錄。
安裝依賴包
-
確保你安裝了nodejs，這樣你就擁有強大的包管理工具npm
-
使用npm安裝cnpm，因為國內有很多資源是訪問受限的，所以需要淘寶開源的cnpm。
在cmd/shell窗口輸入並回車。
npm install -g cnpm --registry=https://registry.npm.taobao.org -
安裝antd pro依賴包
進入Lamb/client目錄執行命令
cnpm install
-
嘗試在本地運行antd pro
在Lamb/client目錄下輸入
npm start並回車
接着瀏覽器就自動打開了頁面http://localhost:8000，那么我們的antd pro就成功部署了。
上一篇: 使用Flask藍圖
github地址: https://github.com/wuranxu/Lamb