注：其實React官方提供了瀏覽器擴展插件react-devtools（下載地址：https://fb.me/react-devtools），但是需要FQ，有FQ條件的可以直接在官方下載。 下面介紹的是直接在GitHub上把插件源代碼拉下 git clone https ...

由於不能科學的上網。網上看資料裝上了這個插件，裝的過程有點坑。記錄一下，希望能幫到和我一樣的新手。 1.第一步，克隆下遠程倉庫的東西。 桌面右鍵，git-bash。然后輸入： 這個過程耗時比較長。 結果： 2.第二步， 進入到react-devtools目錄，安裝 ...

有時候看網上各路大神，寫如何安裝react-devtools，大神就是大神，好多步驟一筆帶過，導致一些學習者看的一臉懵逼，今天我給大家講超級簡單的react-devtools安裝步驟，相信看過的小伙伴兒不存在懵逼狀態，那就開始吧！首先聲明一下，必須安裝Node哦，都准備學react了，node都不 ...

第一步：安裝react devtools工具 在當前項目中打開命令行，添加react devtools工具，因為運行的工具有九十幾M，下載時需要時間，請耐心等待 第二步：配置package.json中命令 編輯package.json文件，在scripts節點中增加 ...

使用react框架開發的小伙伴肯定都想使用想vue-devtools開發工具一樣，可以看見組件的狀態，和當前組件里的props，data等等。 當然react也有一個開發者工具，現在廢話少說，開始安裝。 可以直接訪問谷歌應用商店的小伙伴就可以不看安裝步驟了！ 安裝 我們從githuab上拉 ...

在運行一個React項目的時候瀏覽器控制台會提醒你去安裝react devtools調試工具。 Download the React DevTools for a better development experience: https://fb.me ...

可以在谷歌擴展應用商店里獲取這個插件。如果不能訪問谷歌應用商店，可以在 npm 網站(www.npmjs.com)上搜索 react-devtools ，然后根據官網指導進行安裝。 安裝插件后，控制台出現 “Components” 跟 “Profiler” 菜單選項。 查看版本，步驟 ...

為什么要探究react-devtools？這一切都要源於一次痛苦的看代碼過程， 剛來字節的時候，要熟悉接觸公司內部的業務代碼， 上手熟悉就得先找到組件的文件位置，但項目中組件的層層嵌套讓我難以定位，以至於頁面上隨便一個按鈕，找到它的位置就要花費一段時間了。 那么，我們能不能自動化這個找的過程 ...