# react-admin

**Repository Path**: eBlueIce/react-admin

## Basic Information

- **Project Name**: react-admin
- **Description**: 基于React+vite的后台管理系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-13
- **Last Updated**: 2025-11-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 1、npm init
  * 初始化项目

### 2、npm install vite
  * 安装 vite

### 3、npm install react
  * 安装 react

### 4、npm install react-dom
  * 安装 react-dom

### 5、npm install @types/react @types/react-dom
  * 安装 @types/react 和 @types/react-dom，使用TypeScript

### 6、npm install @vitejs/plugin-react
  * 安装 @vitejs/plugin-react

### 7、新建vite.config.ts
  * 配置 defineConfig 的 plugins

### 8、新建index.html
  * <div id="root"></div>
  * <script type="module" src="/src/main.tsx"></script>

### 9、新建src文件夹，新建 main.tsx 和 App.tsx 文件

### 10、npm install antd
  * 安装 Ant Design 组件

### 11、由于 React 19 调整了 react-dom 的导出方式，导致 antd 无法直接使用 ReactDOM.render 方法。
  * 因而使用 antd 会遇到以下问题：
  * 波纹特效无法正常工作
  * Modal、Notification、Message 等组件的静态方法无效（hooks 调用方式不受影响）
  * 因而需要通过兼容配置，使 antd 在 React 19 中正常工作。

### 12、npm install @ant-design/v5-patch-for-react-19 --save
  * 在应用入口处引入兼容包 import '@ant-design/v5-patch-for-react-19';

### 13、npm install -g less
  * 安装less