怎么在chrome中安裝react開發(fā)工具-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供烏翠網(wǎng)站建設(shè)、烏翠做網(wǎng)站、烏翠網(wǎng)站設(shè)計(jì)、烏翠網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、烏翠企業(yè)網(wǎng)站模板建站服務(wù)，10年烏翠做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

安裝方法：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)右擊 選擇

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

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

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

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

npm run build:extension:chrome

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

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

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

7.添加成功

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

標(biāo)題名稱：怎么在chrome中安裝react開發(fā)工具-創(chuàng)新互聯(lián)
路徑分享：http://www.muchs.cn/article0/deojio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、App設(shè)計(jì)、App開發(fā)、定制網(wǎng)站

廣告

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