網上很多安裝react-devtools的教程都已經過時了,其實大家完全不需要看那些教程,看筆者的教程也不是非常有必要,但是筆者會交給你方法,並附帶安裝步驟:
第一步,找到facebook的react-devtools地址進行下載【要關聯遠程,建議複製地址進行clone】:
react-devtools地址:https://github.com/facebook/react-devtools
複製他的地址,然後在你的命令行輸入:
$ git clone 然後那個地址粘貼下來
clone到本地之後我們可以看他的readme.md文件【一般別人的這個文件都會教你該怎麼用】
如果你不是clone的地址進行的拉取二十下載的壓縮包解壓的話需要先進行關聯遠程倉庫
$ git checkout v3
$ yarn install
$ yarn build:extension
下面就說明打包拓展程序成功了
並且會在你的項目目錄中生成一個新的文件夾,react-devtools -> shells -> chrome -> build -> unpacked文件夾
打開chrome擴展程序:在chrome網址上輸入chrome://extensions/,點擊加載已解壓的擴展程序,選擇第上一步中的生成的unpacked文件夾。這時就會添加一個新的擴展程序react-devtools,並在你的瀏覽器右上角會有個react標誌, 就表示成功啦。
記住本文的重點:搜任何網上別人的教程都不如看人家開源作者的readme.md文件。