怎么在chrome中安裝react開發(fā)工具

發(fā)布時(shí)間：2020-12-18 13:50:31 來源：億速云閱讀：350 作者：小新欄目：web開發(fā)

這篇文章主要介紹了怎么在chrome中安裝react開發(fā)工具，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

安裝方法：1、在git中下載react-devtools文件并解壓；2、打開cmd窗口，使用cd命令進(jìn)入react-devtools目錄；3、使用npm工具安裝依賴并打包擴(kuò)展程序；4、在chrome的“擴(kuò)展程序”頁面中添加擴(kuò)展程序即可。

在chrome中安裝react開發(fā)工具----react-devtools插件的方法

1.git 下載react-devtools.zip https://github.com/facebook/react-devtools/tree/v3

2.解壓打開進(jìn)入react-devtools文件夾

3.在文件夾內(nèi)右擊選擇

怎么在chrome中安裝react開發(fā)工具

或者cmd運(yùn)行，使用cd命令進(jìn)入react-devtools文件（注意切換為自己的實(shí)際路徑）

怎么在chrome中安裝react開發(fā)工具

4.進(jìn)入到react-devtools文件夾后，安裝依賴等待一會時(shí)間比較長

　　npm --registry https://registry.npm.taobao.org install

5.安裝完成打包一份擴(kuò)展程序

npm run build:extension:chrome

出現(xiàn)以下信息打包成功

怎么在chrome中安裝react開發(fā)工具

成功生成react-devtools-3 -> shells -> chrome -> build -> unpacked文件夾

6.打開chrome 地址欄輸入chrome://extensions/打開擴(kuò)展程序，選擇-->加載已解壓的擴(kuò)展程序,打開的文件夾選擇自己相應(yīng)路徑下的unpacked文件夾即可

怎么在chrome中安裝react開發(fā)工具

7.添加成功

怎么在chrome中安裝react開發(fā)工具

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享怎么在chrome中安裝react開發(fā)工具內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡