How to install react development tools in chrome

Installation method: 1. Download the react-devtools file in git and unzip it; 2. Open the cmd window and use the cd command to enter the react-devtools directory; 3. Use the npm tool to install dependencies and package the extension; 4 , just add the extension in chrome's "Extensions" page.

The operating environment of this tutorial: windows7 system, chrome87&&react16 version. This method is suitable for all brands of computers.

Related tutorial recommendations: React video tutorial

How to install react development tools in chrome----react-devtools plug-in

1.git download react-devtools.zip https://github.com/facebook/react-devtools/tree/v3

2. Unzip and open into the react-devtools folder

3. Right-click in the folder and select

## or cmd to run, use the cd command to enter the react-devtools file (note to switch to your own

actual path)

4. After entering the react-devtools folder, it will take a long time to install the dependencies

　

npm --registry https://registry.npm.taobao.org install

5. Installation completed, package an extension program

npm run build:extension:chrome

The following information appears. Packaging successful

React-devtools-3 successfully generated -> shells -> chrome - > build -> unpacked folder

6. Open the chrome address bar and enter chrome://extensions/ to open the extension, select -->

Load the unpacked extension, Open the folder and select the unpacked folder under your corresponding path

##7. Added successfully

For more programming-related knowledge, please visit:

Introduction to Programming

! !

The above is the detailed content of How to install react development tools in chrome. For more information, please follow other related articles on the PHP Chinese website!