chrome浏览器插件react devtools、redux devtools，无需安装、解压即可用
devtools
vuejs/devtools: Vue.js 开发者工具，这是一个浏览器插件，可以安装在 Chrome 和 Firefox 等现代浏览器中，用于调试 Vue 应用程序，提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址：https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
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的开发者工具安装步骤
GitHub 加速计划 / de / devtools
55
5
下载
vuejs/devtools: Vue.js 开发者工具，这是一个浏览器插件，可以安装在 Chrome 和 Firefox 等现代浏览器中，用于调试 Vue 应用程序，提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支：16 天前 )
79116147 - 1 年前
f0359002 - 1 年前
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)