记录下我在Chrome浏览器上安装React Devtools调试工具的过程:
首先,从github下载相关压缩包,地址: https://github.com/facebook/react-devtools;
然后,进入react-devtools-master文件夹内,右击打开Git Bash here ( 已设置右击可见),使用npm安装依赖包(淘宝镜像依赖包),执行语句: npm --registry https://registry.npm.taobao.org install ;
安装成功后,执行打包扩展程序语句:npm runbuild:extension:chrome;
打包成功后,打开Chrome扩展程序(浏览器右上角 -> 更多工具 -> 扩展程序),加载已解压的扩展程序,找到react-devtools的扩展程序包: react-devtools-master\shells\chrome\build 下的unpacked文件夹,点击确定即可,此时浏览器右上角会出现react的图标。
至此,安装React Devtools调试工具成功。
网友评论