React项目搭建

101 阅读1分钟

0、安装creat-react-app 脚手架

npm install -g create-react-app

1、安装成功之后,创建项目,命令行如下:

npx create-react-app 项目名

进入项目根路径,运行项目

npm start

1701492433365.jpg

浏览器显示如下:

1701492541763.jpg

2、引入 AntDesign 组件库

安装依赖

npm install antd --save

因为antd V5.x 中 Comment 移到 @ant-design/compatible 所以需要安装下面两个依赖

npm install @ant-design/compatible

npm install @ant-design/icons

3、引入axios 组件库

npm install axios

4、引入 动画库

npm install react-transition-group

5、引入 redux 组件库

npm install redux

npm install react-redux

6、引入 react-router路由库

npm install react-router-dom