# react_dev_tools

**Repository Path**: zuo-bufan/react_dev_tools

## Basic Information

- **Project Name**: react_dev_tools
- **Description**: react_dev_tools是react项目的开发调式工具包，Vue-Devtools--master是vue2版本项目的开发者调试工具包 Vue3-Devtools.crx 是vue3版本的开发者调试工具包
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 6
- **Created**: 2022-01-07
- **Last Updated**: 2023-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react_dev_tools

## 介绍
react_dev_tools是react项目的开发调式工具包，Vue-Devtools--master是vue项目的开发者调试工具包


## 安装教程

### 下载安装包

    git clone https://gitee.com/zuo-bufan/react_dev_tools.git

### 打开Google浏览器（找到扩展程序）
![在这里插入图片描述](https://img-blog.csdnimg.cn/cac78dadd1f140d1a88f65238748a95b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)
### 打开扩展程序（打开开发者模式）——> 点击加载已解压的扩展程序
![在这里插入图片描述](https://img-blog.csdnimg.cn/433ff6b0c10f40ddb94acedcdfdb802b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)
#### 选择文件夹Vue-Devtools--master
![在这里插入图片描述](https://img-blog.csdnimg.cn/b475dd53e61d46638ccd5e59903a2ed5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)
vue的开发者调试工具安装完成
![在这里插入图片描述](https://img-blog.csdnimg.cn/c41efab9645442ac8030c50c612623c6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)
### 选择react_dev_tools
![在这里插入图片描述](https://img-blog.csdnimg.cn/da8fbef8a3844916b4dae1d55ca5e9a5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)
react调试工具安装完成
![在这里插入图片描述](https://img-blog.csdnimg.cn/eaa5913e8bc845099e4a0dbcac566311.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6YGH5Yiw6Zeu6aKY5LiN6KaB5oWM,size_20,color_FFFFFF,t_70,g_se,x_16)