chrome安装react-devtools开发工具插件

1、去git上下载react-devtools文件到本地,https://github.com/facebook/react-devtools 

2、进入到react-devtools-master文件夹,用npm安装依赖

  npm --registry https://registry.npm.taobao.org install

3、安装依赖成功后,打包一份扩展程序

  npm run build:extension:chrome 

4、出现一下部分信息,索命打包成功

  chrome安装react-devtools开发工具插件

5、生成文件:,react-devtools -> shells -> chrome -> build -> unpacked文件夹

6、打开chrome扩展程序chrome://extensions/,加载已解压的扩展程序,选择第3步中的生成的unpacked文件夹。

7、这时就会添加一个新的扩展程序react-devtools,并在你的浏览器右上角会有个react标志, 就表示成功啦。 

上一篇:4、在IntelliJ idea 中基于spring-boot-devtools 实现项目热启动


下一篇:Chrome开发者工具_1