這里講解如何通過git下載的源程序打包擴(kuò)展程序進(jìn)行安裝
- 首先,當(dāng)然是下載react-devtools文件到本地猜憎。
- 進(jìn)入react-devtools文件夾，使用<code>npm</code>安裝依賴峦树，推薦使用淘寶鏡像魁巩。
//安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安裝依賴
cnpm install
- 安裝成功后進(jìn)行打包，運(yùn)行
cnpm run build:extension:chrome
出現(xiàn)這個說明運(yùn)行成功
運(yùn)行成功后會在react-devtools項目react-devtools -> shells -> chrome -> build目錄下生成一個unpacked文件夾。
- 打開擴(kuò)展程序：<code>chrome://extensions</code>選擇已解壓的擴(kuò)展程序
選擇第3步生成的unpacked文件夾肾扰。這時就會添加一個新的擴(kuò)展程序reaci-devtools蛋逾，并在你的瀏覽器右上角會有個react標(biāo)志, 就表示成功啦。
當(dāng)調(diào)試react項目時,就會開到react的頁簽偷拔。
