关于react.js:chrome浏览器插件react-devtoolsredux-devtools无需安装解压即可用

10次阅读

共计 543 个字符,预计需要花费 2 分钟才能阅读完成。

react devtools 用于调试 react 代码,能够查看到 props、state 的值,以及定义的 hooks,而 redux devtools 能够追踪到 action 的派发、store 的变动,两个都是 react 开发过程中十分好用的工具!

上面是附上两个开发者工具下载地址

react devtools 
链接:https://pan.baidu.com/s/1gLF1Bw9vn6CRiWnFayfJYA 提取码:shsk
redux devtools
链接:https://pan.baidu.com/s/1FI7RU3vQ1raEXpmQ-fwXUA  提取码:in0n

下载文件后解压

关上拓展程序,抉择 加载已解压的拓展程序,导入下面的文件夹

导入文件夹后就能够在拓展程序里看到 react 和 redux 的开发者工具

点击右上角的用户旁相似于 拼图 的按钮,将 react、redux 开发者工具固定在导航栏处,如果该页面应用了 react / redux,对应的图标会变亮,生产环境和开发环境亮的色彩不一样,如果没有应用则置灰

而后通过 ctrl + shift + i,查看 / 审查元素,当该页面有应用 react / redux 时,能力找到 react / redux 的开发者工具,抉择即可进行相干的调试

以上就是 react/redux 的开发者工具装置步骤

正文完
 0