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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章