快速上手

Ant Design React 致力于提供给程序员愉悦的开发体验。 在开始之前,推荐先学习 ReactES2015

标准开发

实际项目开发中,你会需要对 ES2015 和 JSX 代码的构建、调试、代理、打包部署等一系列工程化的需求。我们提供了一套 npm + webpack 的开发工具链来辅助开发,下面我们用一个简单的实例来说明。

1. 安装工具

确认 Node.js 已经升级到 v4.x 或以上。 可以使用蚂蚁提供的开发工具文档 ### 2. 创建一个项目# 手动从脚手架工具里拷贝 MobileDemo ### 3. 使用组件# 见此使用示例 ### 4. 开发调试# 一键启动调试,访问 http://127.0.0.1:8000 查看效果。
  1. $ npm start

5. 构建和部署

  1. $ npm run build
入口文件会构建到 dist 目录中,你可以自由部署到不同环境中进行引用。

上述例子用于帮助你理解 Ant Design React 的使用流程,并非真实的开发过程,你可以根据自己的项目开发流程进行接入。

自行构建

如果想自己维护工作流,我们推荐使用 webpack 进行构建和调试。理论上你可以利用 React 生态圈中的 各种脚手架 进行开发,如果遇到问题可参考我们所使用的 webpack 配置 进行 定制

小甜点

  • 你可以享用 npm 生态圈里的所有模块。

  • 我们使用了 babel,试试用 ES2015 的写法来提升编码的愉悦感。