這篇文章主要介紹了怎么在chrome中安裝react開發工具,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創新互聯專業為企業提供烏翠網站建設、烏翠做網站、烏翠網站設計、烏翠網站制作等企業網站建設、網頁設計與制作、烏翠企業網站模板建站服務,10年烏翠做網站經驗,不只是建網站,更提供有價值的思路和整體網絡服務。安裝方法:1、在git中下載react-devtools文件并解壓;2、打開cmd窗口,使用cd命令進入react-devtools目錄;3、使用npm工具安裝依賴并打包擴展程序;4、在chrome的“擴展程序”頁面中添加擴展程序即可。
在chrome中安裝react開發工具----react-devtools插件的方法
1.git 下載react-devtools.zip https://github.com/facebook/react-devtools/tree/v3
2.解壓 打開 進入react-devtools文件夾
3.在文件夾內右擊 選擇
或者cmd運行,使用cd命令進入react-devtools文件 (注意 切換為自己的實際路徑)
4.進入到react-devtools文件夾后,安裝依賴 等待一會 時間比較長
npm --registry https://registry.npm.taobao.org install
5.安裝完成 打包一份擴展程序
npm run build:extension:chrome
出現以下信息打包成功
成功生成react-devtools-3 -> shells -> chrome -> build -> unpacked文件夾
6.打開chrome 地址欄輸入chrome://extensions/打開擴展程序,選擇-->加載已解壓的擴展程序,打開的文件夾選擇自己相應路徑下的unpacked文件夾即可
7.添加成功
感謝你能夠認真閱讀完這篇文章,希望小編分享怎么在chrome中安裝react開發工具內容對大家有幫助,同時也希望大家多多支持創新互聯網站建設公司,,關注創新互聯行業資訊頻道,遇到問題就找創新互聯網站建設公司,,詳細的解決方法等著你來學習!
標題名稱:怎么在chrome中安裝react開發工具-創新互聯
路徑分享:http://m.newbst.com/article0/deojio.html
成都網站建設公司_創新互聯,為您提供域名注冊、面包屑導航、網站導航、App設計、App開發、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯