如何从Chrome React开发工具中打开VS代码中的组件文件



是否可以右键单击React Dev工具下可见的组件,然后单击"在IDE中显示",打开VSCode中的文件。这将是有益的,因为我不必去搜索组件。我经常想在VS代码中查看组件的源代码,代码库太大,名称重叠,组件结构由于组件的模块化重用而无法模仿页面结构,如果你是代码库的新手,很难找到确切的组件。如果有一种方法可以简单地使用React dev工具中的组件选择器工具,那么单击突出显示的组件转到IDE中的文件。

您可以使用React Inspector,它可以从浏览器直接在VsCode中打开您的代码。

链接->https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh/related

正在等待react devtools团队获得此功能。https://github.com/facebook/react/pull/22649

最新更新