Ant Design Pro学习记录—搭建AntDesignPro脚手架

文章目录

前言

一、操作过程

1.初始化

2.完成后配置软连接

3.继续执行

4.进入应用

5.安装依赖

6.启动

---

前言

工作项目需要，使用了AntDesignPro开发，在此做一个学习研究记录。

一、操作过程

参考官网开始使用 - Ant Design Pro🏆 让中后台开发更简单 包含 table form 等多个组件。https://pro.ant.design/zh-CN/docs/getting-started

在node.js npm yarn 环境配置好之后，按照官网操作运行

1.初始化

npm i @ant-design/pro-cli -g

2.完成后配置软连接

ln -s /usr/local/nodejs/bin/pro /usr/local/bin/

3.继续执行

pro create myapp

接下来和官网一样，会让选择umi@3/umi@4,这里选择umi@3,然后选择完整版本complete，运行完成

4.进入应用

cd myapp

5.安装依赖

yarn 

6.启动

yarn start

 

 运行结果