Ant Design Pro是一个企业级中后台前端/设计解决方案，基于React的中后台管理控制台的脚手架。能帮助我们快速的搭建企业级中后台管理系统。下面为大家介绍一下Ant Design Pro的搭建步骤；
方法/步骤
1
一、前期准备1、需要提前学习 ES2015+、React、UmiJS、dva、g2 和 antd等相关知识，我们的技术栈是基于这些搭建的
2
2、全局安装yarn、node 和 git（1）前往nodejs官网（https://nodejs.org）下载最新版本node，双击安装。安装完成后进入cmd命令，输入node -v查看是否安装成功（2）yarn安装：npm install -g yarn（3）安装Git工具（具体步骤可参考Git官网）
3
二、新建一个空文件目录，准备安装Ant Design Pro项目
4
三、打开新目录 - 右击选择“Git bash here”打开Git工具
5
四、在Git命令中执行‘npm create umi’或‘yarn create umi’(这里楼主用的是cnpm，建议安装淘宝镜像cnpm，执行速度更快)
6
五、选择 ant-design-pro和 TypeScript 选项（Git命令里同时按Shfit+上下键可切换 Use arrow keys选项）
7
六、项目下载完成，打开create文件可查看完整项目目录
8
七、打开create进入 -- 安装项目依赖 cnpm install
9
八、运行项目 cnpm start启动完成后会自动打开浏览器访问 http://localhost:8000，你看到下面的页面就代表成功了。
上一篇：美工新手该怎么提升自己的能力
下一篇：如何实现触摸按键功能呢？