# reactDebugger

**Repository Path**: yuanchengfeng/react-debugger

## Basic Information

- **Project Name**: reactDebugger
- **Description**: react调试平台
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-14
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React Debugger Monorepo

这是一个使用 workspace 管理多个 React 项目的 monorepo。

## 项目结构

本仓库包含以下 React 项目：

- react-pure: 纯 React 项目
- react-todo: React 待办事项应用
- react-redux: 使用 React-Redux 的项目
- redux-meituan: 美团 Redux 示例项目
- redux-basic: Redux 基础项目
- react-router-pro: React Router 高级示例
- react-drag: React 拖拽示例
- react-class: React 类组件示例
- react-event: React 合成事件示例
- react-konva: React Konva 示例
- react-test1: React 测试项目

## 如何使用

### 安装依赖

在根目录运行以下命令安装所有项目的依赖：

```bash
npm install
```

然后进入各个项目目录安装特定依赖：

```bash
cd react-pure && npm install
cd react-todo && npm install
# 其他项目同理
```

### 启动项目

可以通过以下命令启动特定项目：

```bash
# 启动react-pure项目
npm run start:pure

# 启动react-todo项目
npm run start:todo

# 启动react-redux项目
npm run start:redux

# 启动redux-meituan项目
npm run start:meituan

# 启动redux-basic项目
npm run start:basic

# 启动react-router-pro项目
npm run start:router

# 启动react-drag项目
npm run start:drag

# 启动react-class项目
npm run start:class

# 启动react-event项目
npm run start:event
```

### 构建项目

可以通过以下命令构建特定项目：

```bash
# 构建react-pure项目
npm run build:pure

# 构建react-todo项目
npm run build:todo

# 构建所有项目
npm run build:all
```

## 注意事项

- 每个项目都有自己的依赖和配置
- 启动不同项目时需要确保端口不冲突