Ant Desing Pro2.0(一)項目初始化

1.寫在前面

最近作畢設的時候發現網絡上關於ant designpro2.0版本的基礎入門資料太少，我一個後端開發人員當時入門也是跌跌撞撞，如今我將我所學的分享出來，避免你們少走一些彎路。

2.開發環境

你的本地環境須要安裝 node 和 git。ant desing pro框架基於 ES2015+、React、UmiJS、dva、g2 和 antd，提早了解和學習這些知識會很是有幫助。

3.參考資料

1. 參考ant design pro
2. 參考DvaJs

4.目錄地址

1. Ant Desing Pro2.0(一)項目初始化
2. Ant Desing Pro2.0(二)新增頁面
3. Ant Desing Pro2.0(三)設置代理
4. Ant Desing Pro2.0(四)與服務端交互

---

1.下載項目源碼

從github上面下載源碼，代碼以下

---

git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
cd my-project

下載好的項目如圖

2.刪除無關代碼

2.1下圖是刪除跟開發無關的文件夾以及無關的文件後的效果

2.2刪除package.json中其餘無關的npm命令行

刪除前

刪除後，圖片中有個注意事項請關注如下

3.安裝依賴以及啓動項目

ps:我這裏採用『WebStorm』開發
1.在當前目錄輸入如下命令

---

> nmp install

> nmp start

---

運行後瀏覽器會自動打開出現以下界面

這樣第一部分的項目導入就算完成了