1. 程式人生 > >react native項目增加devtools工具

react native項目增加devtools工具

info audio nbsp AD dev pos ack clas yarn

第一步:安裝react devtools工具

在當前項目中打開命令行,添加react devtools工具,因為運行的工具有九十幾M,下載時需要時間,請耐心等待

yarn add react-devtools

第二步:配置package.json中命令

編輯package.json文件,在scripts節點中增加devtools節點,命令為

"devtools": "react-devtools"

技術分享圖片

第三步:運行react devtools命令

1.正常運行項目,使用命令react-native run-android即可在模擬器中打開項目

2.打開新的命令窗口,使用命令yarn run devtools即可打開react devtools工具,打開工具後幾秒應該可以自動連接至運行的項目

技術分享圖片

react native項目增加devtools工具