Ant design 快速上手

1. 安装脚手架工具

   antd-init 是一个用于演示 antd 如何使用的脚手架工具，实际业务项目建议使用 dva-cli 和 create-react-app 进行搭建。

2. 创建一个项目#

   使用命令行进行初始化。

$ mkdir antd-demo && cd antd-demo
$ antd-init

antd-init 会自动安装 npm 依赖，若有问题则可自行安装。

若安装缓慢报错，可尝试用 cnpm 或别的镜像源自行安装：rm -rf node_modules && cnpm install。

$ npm install antd-init -g

E:\antd-demo> antd-init
Write .\gitignore
Write .\index.css
Write .\index.html
Write .\index.js
Write .\package.json
Write .\webpack.config.js
use npm: cnpm
√ Installed 20 packages
√ Linked 77 latest versions
√ Run 0 scripts
Recently updated (since 2018-08-14): 5 packages (detail see file E:\antd-demo\node_modules\.recently_updates.txt)
√ All packages installed (78 packages installed from npm registry, used 42s, speed 343.81kB/s, json 82(2.25MB), tarball 11.73MB)
cnpm install end

---

antd-init@2 仅适用于学习和体验 antd，如果你要开发项目，推荐使用 dva-cli 进行项目初始化。dva 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side effects、热替换、动态加载等，已在生产环境广泛应用。
antd-init@2 is only for experience antd. If you want to create projects, it's better to init with dva-cli. dva is a redux and react based application framework. elm concept, support side effects, hmr, dynamic load and so on.

Usage:

npm install dva-cli -g
dva new myapp
cd myapp
npm start

Visit https://github.com/dvajs/dva to learn more.