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

时间:2026-02-13 20:03:31

1、【环境准备】

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

2、【安装】

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

yarn create umi 或者 npm create umi

3、【选择】

选择 ant-design-pro

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

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

4、【打开目录】

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

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

5、【安装依赖】

npm install

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

6、【启动项目】

npm start

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

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

7、【总结】:

1.环境准备

2.安装

3.选择

4.打开目录

5.安装依赖

6.启动项目

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com