安装React Devtools调试工具—Chrome浏览器

    记录下我在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调试工具成功。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容