美文网首页神奇的React
安装React Devtools调试工具—Chrome浏览器

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

作者: Panr | 来源:发表于2019-04-24 14:06 被阅读0次

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

    相关文章

      网友评论

        本文标题:安装React Devtools调试工具—Chrome浏览器

        本文链接:https://www.haomeiwen.com/subject/tbfupftx.html