React + Ant Design Pro 入门学习

React 环境搭建

　　前提需要先下载 nodejs  ：https://nodejs.org/en/download 

　　暂时使用的是 nodejs 14.15.5

1、yarn 安装 

　　npm install -g yarn

　　yarn -v 查看版本  1.22.19

　　设置yarn 源：yarn config set registry http://registry.npm.taobao.org/

 2、安装  react 腬脚手架

　　npm install -g create-react-app

3、创建项目

　　create-react-app ant-demo

　　创建完后，cd ant-demo 进入到目录

4、 运行、打包项目等

　　npm start
　　npm run build

　　npm test

　　npm run eject

5、yarn 权限配置

　　yarn : 无法加载文件 c:\Users Administrator AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。

　　使用管理员方式打开 windows PowerShell

　　输入：Set-ExecutionPolicy RemoteSigned   然后输入 A 或 Y

　　检查 yran 权限   yarn config get registry ,执行成功表示完成

6、安装 antd  UI框架

　　yarn add antd

　　error eslint@8.40.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "14.15.5" 

　　当出现以前错误时：执行   yarn config set ignore-engines true

7、下载完整 ant-design 后台UI。

　　https://github.com/ant-design/ant-design-pro.git