react devtools超級簡單安裝教程

2022-07-21 00:27:19 字數 809 閱讀 3374

有時候看網上各路大神,寫如何安裝react-devtools,大神就是大神,好多步驟一筆帶過,導致一些學習者看的一臉懵逼,今天我給大家講超級簡單的react-devtools安裝步驟,相信看過的小夥伴兒不存在懵逼狀態,那就開始吧!首先宣告一下,必須安裝node哦,都準備學react了,node都不叫事兒了吧,let's go!

1.首先開啟官網:

發現好像搬家了,不慌不慌,繼續走著

3.再進入到react-devtools-3\shells\chrome切換到chrome目錄下,執行node build.js,當前目錄下會生成build目錄 這個build目錄下的unpacked目錄就是chrome中所需react-devtools的工具擴充套件程式包

4.開啟谷歌瀏覽器,**輸入chrome://extensions/,

選擇react-detools-3目錄下的shells->chrome中build目錄中的unpacked即可

到此 react-devtools安裝成功!

怎樣,是不是超級簡單!如有問題,歡迎交流!

React安裝React Devtools除錯工具

在執行乙個react專案的時候瀏覽器控制台會提醒你去安裝react devtools除錯工具。download the react devtools for a better development experience 看到瀏覽器控制台這種說明,很是不舒服,於是就安裝了react devtools...

npm 安裝React Devtools除錯工具

進入react devtools資料夾,用npm安裝依賴,這裡推薦臨時使用 映象,快速一點。npm registry install 安裝依賴成功後,我們便可以打包乙份擴充套件程式出來。執行 npm run build extension chrome 這裡成功後會顯示 並且會在你的專案目錄中生成乙...

npm 安裝React Devtools除錯工具

有時候沒有科學上網工具時,怎麼安裝react devtool,其一直接搜尋到chrome的外掛程式安裝即可.1.git clone 2.進入react devtools目錄 npm registry install 這裡使用 映象,過程需要點時間,耐心等待。3.打包 npm run build ex...