如何利用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.启动项目

  • 微信会员卡领取怎么按照时间排序?
  • 2021季中冠军赛冠军纪念图标怎么获得
  • 如何避免信用卡被风控?被风控了怎么办?
  • 人造石英石如何增白?
  • 好心态的6个习惯
  • 热门搜索
    十一月份适合去哪里旅游 旅游同业网 莆田湄洲岛旅游攻略 印度尼西亚旅游攻略 马尔代夫旅游价格 重庆旅游景点推荐 华山旅游线路 东北旅游景点排行 巴马旅游景点 黑龙江旅游职业学院