react-devtools超級簡單安裝教程

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

1.首先打開官網：https://github.com/facebook/react-devtools

發現好像搬家了，不慌不慌，繼續走着

 

那咱就進去v3分支，地址：https://github.com/facebook/react-devtools/tree/v3，直接download ZIP格式

 

 

 2.知道下載位置，解壓到本身能夠找見的目錄下，進入到react-devtools-3目錄，cnpm i一下安裝一下依賴

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安裝成功!

 

 怎樣，是否是超級簡單！若有問題，歡迎交流！