Ant Design快速創建React項目

前期環境: node.js,npm

node:  https://nodejs.org/en/

npm 包含在node環境中。無須另外配置

 開始》 

ps:下面的環節是說node啥的都安裝配置好了。

項目使用dva-cli 搭建的。所以

打開dos窗口，

1. 安裝dva-cli

執行：

npm install dva-cli -g　　

查看版本： dva -v

2. 創建新項目，例如創建一個名字叫做:myProject 的項目
dva new myProject

3. 配置antd 和 babel-plugin-import

antd:   　　　　　　　　　 npm i antd --save

babel-plugin-import: 　　npm i babel-plugin-import --save-dev

4. 修改 .roadhogrc，在 "extraBabelPlugins" 里加上：【兩個都加上】

["import", { "libraryName": "antd", "style": "css" }]

5. 配置完成，啟動項目
npm start

最后效果：

 ps: 個人寫了一個小工具(純中文)，用於導出部分不錯的項目

https://www.npmjs.com/package/maby-cli

上面的項目可以通過這個直接導入到本地測試開發

使用方法：

npm install maby-cli -g

maby list 查看所有可導出的項目模板

maby init 選擇好項目后，導出項目模板，根據引導即可運行開發