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,运行完成

Ant Design Pro学习记录—搭建AntDesignPro脚手架_第1张图片

4.进入应用

cd myapp

5.安装依赖

yarn 

6.启动

yarn start

Ant Design Pro学习记录—搭建AntDesignPro脚手架_第2张图片

 Ant Design Pro学习记录—搭建AntDesignPro脚手架_第3张图片

 运行结果

Ant Design Pro学习记录—搭建AntDesignPro脚手架_第4张图片

Ant Design Pro学习记录—搭建AntDesignPro脚手架_第5张图片

你可能感兴趣的:(AndDesignPro,前端)