安装 React Devtools 调试工具

  1. 打开 facebook/react-devtool,下载 zip 压缩文件
安装 React Devtools 调试工具_第1张图片
下载位置
  1. 打开 cmd,进入react-devtools-master所在目录,运行npm install 或者 npm --registry https://registry.npm.taobao.org install

  2. 依赖安装成功之后,cmd中执行 npm run build:extension:chrome,打包一份扩展程序。出现下图的部分表示已经成功了,在react-devtools-master中出现了react-devtools -> shells -> chrome -> build -> unpacked

    安装 React Devtools 调试工具_第2张图片
    截图

  3. 打开Chrome 扩展程序chrome://extensions/,打开 开发者模式,点击 加载已解压的扩展程序,选择第3步中的生成的unpacked文件夹

    安装 React Devtools 调试工具_第3张图片
    截图

  4. 安装成功


    安装 React Devtools 调试工具_第4张图片
    截图

正常流程就是上面五个步骤,但是可能会在第三步报错


安装 React Devtools 调试工具_第5张图片
报错

缺少python就需要安装python,可能还会提示缺少C++组件,那就安装VS

最后的绝招就是,我保存了一份,可以直接使用,哈哈哈~
React-devtool-unpacked
提取码:25eb

参考:https://blog.csdn.net/one_girl/article/details/80916232

你可能感兴趣的:(安装 React Devtools 调试工具)