如何利用Ant Design 快速搭建前端项目

1、【环境准备】

你的本地环境需要安装 yarn、node 和 git。他们的技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd，提前了解和学习这些知识会非常有帮助。

2、【安装】

新建一个空的文件夹作为项目目录，并在目录下执行：

yarn create umi 或者 npm create umi

3、【选择】

选择 ant-design-pro

Ant Design Pro 脚手架将会自动安装。

4、【打开目录】

用idea或者其他编辑器打开生成的项目目录，可以看到整个项目的目录结构。

5、【安装依赖】

npm install

如果网络状况不佳，可以使用 tyarn 进行加速或者把node的源切换到国内的镜像源。

6、【启动项目】

npm start

启动完成后会自动打开浏览器访问 http://localhost:8000，你看到下面的页面就代表成功了。接下来你就可以修改代码进行业务开发了.

7、【总结】：

1.环境准备

2.安装

3.选择

4.打开目录

5.安装依赖

6.启动项目