Ant Design Pro 安装

时间:2026-02-14 17:31:39

1、一、前期准备

1、需要提前学习 ES2015+、React、UmiJS、dva、g2 和 antd等相关知识,我们的技术栈是基于这些搭建的

2、全局安装yarn、node 和 git

(1)前往nodejs官网(https://nodejs.org)下载最新版本node,双击安装。安装完成后进入cmd命令,输入node -v查看是否安装成功

(2)yarn安装:npm install -g yarn

(3)安装Git工具(具体步骤可参考Git官网)

Ant Design Pro 安装

Ant Design Pro 安装

3、二、新建一个空文件目录,准备安装Ant Design Pro项目

Ant Design Pro 安装

4、三、打开新目录 - 右击选择“Git bash here”打开Git工具

Ant Design Pro 安装

Ant Design Pro 安装

5、四、在Git命令中执行‘npm create umi’或‘yarn create umi’

(这里楼主用的是cnpm,建议安装淘宝镜像cnpm,执行速度更快)

6、五、选择 ant-design-pro和 TypeScript 选项

(Git命令里同时按Shfit+上下键可切换 Use arrow keys选项)

Ant Design Pro 安装

Ant Design Pro 安装

7、六、项目下载完成,打开create文件可查看完整项目目录

Ant Design Pro 安装

8、七、打开create进入 --  安装项目依赖 cnpm install

Ant Design Pro 安装

Ant Design Pro 安装

9、八、运行项目 cnpm start

启动完成后会自动打开浏览器访问 http://localhost:8000,你看到下面的页面就代表成功了。

Ant Design Pro 安装

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com