一、概述
參看官方文檔：https://ant.design/docs/spec/introduce-cn
其中包含了設計價值觀、設計原則、視覺、模式、可視化、動態等。
其中Ant Design 的 React 實現，開發和服務於企業級后台產品。參看文檔：https://ant.design/docs/react/introduce-cn
二、安裝環境
配置ant design的開發環境，也相當於配置react配置。以下主要使用idea配置開發環境。
2.1、nodejs
下載地址：http://nodejs.cn/download/，選擇一個版本安裝即可。
這里選擇了zip版本，解壓后，配置號環境變量。
2.2、安裝IntelliJ IDEA
2.3、IntelliJ IDEA與React集成
參看地址：http://www.jetbrains.com/help/idea/react.html#ws_react_before_you_start
IntelliJ IDEA與React集成，可幫助您配置，編輯，維護，運行，調試和維護您的應用程序。
2.3.1、打開idea，增加nodejs插件
File→Settings→Plugins→Browse repositories→搜索nodejs下載安裝即可。
注：如果開發nodejs項目，此時可以打開File→new→Projects→node.js and npm項目模板。詳細可參看：地址
2.4、NPM Tool Window
參看地址：http://www.jetbrains.com/help/idea/npm-tool-window.html
在package.json 右鍵 Show npm Scripts，之后就可以通過View | Tool Windows | npm查看到【注意：只有使用Show npm Scripts命令打開它后，才能以此方式訪問工具窗口。】
使用工具窗口運行npm或Yarn腳本。
2.4.1、開始
idea 的nodejs插件，nodejs，yarn等安裝
2.4.2、運行腳本
在Project工具窗口中選擇package.json文件或在編輯器中打開它並在上下文菜單上選擇Show npm Scripts時，工具窗口將打開。只要您調用npm或Yarn，它就會開始構建一個腳本樹，該腳本在調用它的package.json文件的scripts屬性中定義。如果您的項目中有多個package.json文件，則可以為每個文件構建一個單獨的腳本樹，並在不刪除以前生成的樹的情況下運行腳本。每棵樹顯示在一個單獨的節點下。
工具窗口顯示腳本輸出，報告發生的錯誤，列出未找到的包或插件等。最后執行的腳本的名稱顯示在工具窗口的標題欄上。
1》要構建腳本樹，請執行以下操作之一：
方式一、在Project工具窗口中選擇所需的package.json文件，或者在編輯器中打開它並在上下文菜單中選擇Show npm Scripts。
方式二、在npm工具窗口中，點擊工具欄+並從列表中選擇所需的package.json文件。默認情況下，IntelliJ IDEA在項目的根目錄中顯示package.json文件。如果您有另一個package.json文件，請單擊選擇package.json並在打開的對話框中選擇需要的package.json文件。IntelliJ IDEA在其標題中添加了一個新節點，其路徑為所選的package.json文件，並在新節點下建立了一個腳本樹。
2》重新構建一棵樹
切換到所需節點並單擊工具欄上刷新的。
3》按樹名排列樹中的腳本
點擊工具欄上的設置菜單，選擇排序方式，然后選擇名稱。 默認情況下，樹會按照package.json中定義的順序（選項定義順序）顯示腳本。
4》運行一個腳本
雙擊腳本。 在樹中選擇腳本，然后按Enter或在上下文菜單上選擇運行<script name>。選擇Start
5》運行幾個腳本
使用多重選擇模式：按住Shift鍵（對於相鄰的項目）或Ctrl（對於不相鄰的項目）鍵並選擇所需的腳本，然后在選擇的上下文菜單上選擇運行或調試。