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

目前創(chuàng)新互聯(lián)公司已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、陽東網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

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

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

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

2.解壓 打開 進入react-devtools文件夾

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

或者cmd運行，使用cd命令進入react-devtools文件   （注意 切換為自己的實際路徑）

4.進入到react-devtools文件夾后，安裝依賴 等待一會 時間比較長

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

5.安裝完成 打包一份擴展程序

npm run build:extension:chrome

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

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

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

7.添加成功

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

網(wǎng)站名稱：怎么在chrome中安裝react開發(fā)工具
網(wǎng)站URL：http://www.rwnh.cn/article0/jipdio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信小程序、手機網(wǎng)站建設(shè)、、服務(wù)器托管、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)