搭建React+Antd项目

1、创建一个文件夹，名称&路径随意

2、打开文件夹，在路径中输入cmd，打开终端

3、创建项目

npx create-react-app 项目名称

4、执行eject解压配置命令

cd进入刚刚新建的项目，此命令将会生成一些webpack配置文件以及其他各种配置

npm run eject

5、安装less配置

npm install less less-loader --save-dev

6、安装路由router

npm install react-router-dom

7、安装plugin

npm install babel-plugin-transform-decorators-legacy

8、在package.json中修改babel配置

在babel中添加代码：

 "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]

9、安装axios库

npm install axios

10、安装antd

npm install antd

11、安装ts

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

12、一切安装完毕，运行项目

npm start

修改src/App.js文件，引入antd.css报错

import 'antd/dist/antd.css';

Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘

查看对应目录中，确实没有css文件。主要原因是目前atnd从4到5做了一些技术调整导致。

从 v4 到 v5 - Ant Design