首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
DevTools
订阅
fishThing
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
react-devtools点击组件,打开源码的探索与实现
本文记录了笔者实现【在页面上点击组件,vscode打开文件位置】的探索过程,其中涉及了chrome插件开发,react devtools,webpack等知识
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件?本文原理揭秘
不知道你们有没有碰到这样的场景,打开开发的页面,却短时间难以找到对应的源文件。 这时你可能会想要是能有**点击页面按钮自动用编辑器打开对应文件**的功能,那该多好啊。
React调试利器:React DevTools
得益于 chrome 浏览器强大的调试能力, console.log 可谓是前端开发中解决未知问题最直接的办法,遇事不决,打个日志,简单粗暴🏈。但是在 React 项目中其实有更好的调试方案,那就是官方(脸书)出的 react devtools ,可以针对性的做一些代码的调试…