安裝react-devtools工具詳細步驟,不定期更新

網上很多安裝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文件。

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